App.vue 834 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <div style="overflow: hidden; width: 100%; height: 100%">
  3. <el-config-provider :locale="zhCn">
  4. <router-view :key="$route.name" />
  5. </el-config-provider>
  6. </div>
  7. </template>
  8. <script setup lang="ts">
  9. import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
  10. import { useRoute } from 'vue-router'
  11. document.documentElement.style.setProperty(
  12. '--czr-quasar-color',
  13. 'var(--czr-main-color)',
  14. )
  15. const route = useRoute()
  16. if (route.query.vconsole == 1) {
  17. import('vconsole').then((module) => {
  18. new module.default()
  19. })
  20. }
  21. // const baseSize = 16 // 基础大小,16px
  22. // const scale = document.documentElement.clientWidth / 1920 // 设计稿宽度
  23. //
  24. // document.documentElement.style.setProperty(
  25. // '--czr-input-size',
  26. // (baseSize / scale) * 0.5 + 'px',
  27. // )
  28. </script>
  29. <style lang="scss" scoped></style>