App.vue 843 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <script setup>
  2. import { zhCN, dateZhCN } from "naive-ui";
  3. /**
  4. * js 文件下使用这个做类型提示
  5. * @type import('naive-ui').GlobalThemeOverrides
  6. */
  7. const themeOverrides = {
  8. common: {
  9. primaryColor: "#2d8cf0",
  10. primaryColorHover: "#2d8cf0",
  11. primaryColorPressed: "#2d8cf0",
  12. primaryColorSuppl: "#2d8cf0",
  13. },
  14. Tabs: {
  15. colorSegment: "#f0f2f5",
  16. },
  17. };
  18. </script>
  19. <template>
  20. <n-config-provider
  21. :locale="zhCN"
  22. :date-locale="dateZhCN"
  23. :theme-overrides="themeOverrides"
  24. >
  25. <n-loading-bar-provider>
  26. <n-message-provider>
  27. <n-notification-provider>
  28. <n-dialog-provider>
  29. <RouterView />
  30. </n-dialog-provider>
  31. </n-notification-provider>
  32. </n-message-provider>
  33. </n-loading-bar-provider>
  34. </n-config-provider>
  35. </template>
  36. <style scoped></style>