App.vue 930 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!--
  2. * @Author: June 1601745371@qq.com
  3. * @Date: 2024-03-08 09:06:56
  4. * @LastEditors: June 1601745371@qq.com
  5. * @LastEditTime: 2024-03-11 12:00:19
  6. * @FilePath: \github\sd-designer\src\App.vue
  7. * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  8. -->
  9. <template>
  10. <el-config-provider :locale="locale.el">
  11. <router-view />
  12. </el-config-provider>
  13. </template>
  14. <script lang="ts" setup>
  15. import useI18n from '@/hooks/useI18n'
  16. const { messages }= useI18n()
  17. const locale = computed(() => messages.value)
  18. // 在主入口监听PWA注册事件
  19. window.addEventListener('beforeinstallprompt', (e) => {
  20. e.preventDefault();
  21. window.deferredPrompt = e;
  22. })
  23. </script>
  24. <style lang="scss">
  25. #app {
  26. height: 100%;
  27. }
  28. </style>
  29. <style scoped>
  30. :deep(#app .el-divider .el-divider--horizontal) {
  31. margin: 12px 0;
  32. }
  33. </style>