main.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. import { createApp } from 'vue'
  2. import App from './App.vue'
  3. import router from './router'
  4. import ElementPlus from 'element-plus'
  5. import { register } from 'swiper/element/bundle';
  6. import myUpload from 'vue-image-crop-upload';
  7. import { QuillEditor } from '@vueup/vue-quill'
  8. import vueCountryRegionSelect from 'vue3-country-region-select'
  9. import '@vueup/vue-quill/dist/vue-quill.snow.css'
  10. import 'element-plus/dist/index.css'
  11. import 'virtual:svg-icons-register'
  12. import SvgIcon from '@/components/SvgIcon'
  13. import elementIcons from '@/components/SvgIcon/svgicon'
  14. import VueJsonPretty from 'vue-json-pretty';
  15. import 'vue-json-pretty/lib/styles.css';
  16. import QRCodeVue3 from "qrcode-vue3";
  17. import VueDatePicker from '@vuepic/vue-datepicker';
  18. import '@vuepic/vue-datepicker/dist/main.css'
  19. // import 'swiper/dist/css/swiper.css'
  20. import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
  21. import { library } from "@fortawesome/fontawesome-svg-core";
  22. import { fas } from '@fortawesome/free-solid-svg-icons';
  23. import Datepicker from 'vuejs3-datepicker';
  24. import { createHead } from "unhead"
  25. const head = createHead();
  26. library.add(fas)
  27. const app = createApp(App)
  28. app.use(router)
  29. app.use(head)
  30. app.use(ElementPlus)
  31. app.use(elementIcons)
  32. app.use(vueCountryRegionSelect);
  33. app.component('svg-icon', SvgIcon)
  34. app.component('VueDatePicker', VueDatePicker);
  35. app.component('QuillEditor', QuillEditor)
  36. app.component('QRCodeVue3', QRCodeVue3)
  37. app.component('VueJsonPretty', VueJsonPretty)
  38. app.component('my-upload', myUpload)
  39. app.component('Datepicker', Datepicker)
  40. app.component("fa", FontAwesomeIcon)
  41. app.mount('#app')
  42. register();
  43. app.directive('scale', {
  44. mounted(el,binding) {
  45. el.onmouseenter = () => {
  46. el.style.transform = 'scale('+ binding.value +')'
  47. }
  48. el.onmouseleave = () => {
  49. el.style.transform = 'scale(1)'
  50. }
  51. }
  52. })