main.ts 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. import { createApp } from 'vue'
  2. import { createPinia } from 'pinia'
  3. import ElementPlus from 'element-plus'
  4. import "./TailWindCss/index.css";
  5. import 'element-plus/dist/index.css'
  6. // import './styles/element-plus.scss'
  7. import 'animate.css/animate.min.css' //引入动画
  8. import * as ElementPlusIconsVue from '@element-plus/icons-vue'
  9. import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
  10. import App from './App.vue'
  11. import router from './router/index'
  12. import * as echarts from 'echarts';
  13. import zhCn from "element-plus/dist/locale/zh-cn.mjs";
  14. import customize from '@/utils/customInstructions'
  15. const app = createApp(App)
  16. const pinia = createPinia()
  17. pinia.use(piniaPluginPersistedstate)
  18. // element-ui
  19. for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  20. app.component(key, component)
  21. }
  22. // 注册自定义指令
  23. for (const [key, value] of Object.entries(customize)) {
  24. app.directive(value.key, value.directive)
  25. }
  26. app.config.globalProperties.$echarts = echarts;
  27. app
  28. .use(ElementPlus, {
  29. locale: zhCn,
  30. zIndex: 1800,
  31. })
  32. .use(createPinia())
  33. .use(router)
  34. .use(pinia)
  35. .mount("#app");