App.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <loading v-if="show" />
  3. <n-config-provider
  4. preflight-style-disabled
  5. inline-theme-disabled
  6. :theme-overrides="themeOverrides"
  7. :locale="zhCN"
  8. :date-locale="dateZhCN"
  9. >
  10. <n-notification-provider>
  11. <router-view />
  12. <GlobalNotif />
  13. </n-notification-provider>
  14. </n-config-provider>
  15. </template>
  16. <script setup lang='ts'>
  17. import loading from '@/components/loading.vue'
  18. import useStore from '@/store/index'
  19. import { computed } from 'vue'
  20. import { zhCN, dateZhCN } from 'naive-ui'
  21. import Theme from '@/assets/naive-theme'
  22. import GlobalNotif from '@/components/notifaiction.vue'
  23. const store = useStore()
  24. const show = computed(() => store.loading)
  25. const themeOverrides = Theme
  26. console.log(
  27. `More:
  28. 1. '/' 多人画板
  29. 2. '/chart' echart 码数表-Demo
  30. 3. '/edit' 富文本编辑-Demo
  31. 4. '/fly' SVG二维动态导向-Demo
  32. 5. '/plantool' openseadragon平面图缩放-Demo
  33. 6. '/draw' canvas画图-Demo
  34. 7. '/face' face SVG画图-Demo
  35. 8. '/leaflet' leaflet画图-Demo
  36. 9. '/three' threejs 3D画图-Demo
  37. 10. '/process' process SVG画图-Demo
  38. 11. '/video' 荧石视频SDK-Demo
  39. 12. '/geo' CAD瓦片反差图-Demo`
  40. )
  41. </script>
  42. <style>
  43. html,
  44. body {
  45. margin: 0;
  46. padding: 0;
  47. overflow: hidden;
  48. }
  49. </style>