main.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. import Vue from 'vue'
  2. import Cookies from 'js-cookie'
  3. import 'normalize.css/normalize.css' // a modern alternative to CSS resets
  4. // 懒加载
  5. import VueLazyload from 'vue-lazyload'
  6. import Element from 'element-ui'
  7. import cascader from 'element-ui/lib/cascader';
  8. import './styles/element-variables.scss'
  9. import '@/styles/index.scss' // global css
  10. import App from './App'
  11. import store from './store'
  12. import router from './router'
  13. import FormCreate from '@form-create/element-ui'
  14. import uploadPicture from './components/uploadPicture/uploadFrom'
  15. import layout from './layout'
  16. import VueUeditorWrap from 'vue-ueditor-wrap'
  17. import newsCategory from './components/newsCategory/newsCategoryFrom'
  18. // import { getToken } from './utils/auth'
  19. import './icons' // icon
  20. import './permission' // permission control
  21. // import './utils/error-log' // error log
  22. import modalForm from '@/libs/modal-form'
  23. import { modalSure } from '@/libs/public'
  24. import { modalSureDelete} from '@/libs/public'
  25. import * as filters from './filters'
  26. // import notice from '@/libs/notice'
  27. // swiper
  28. import VueAwesomeSwiper from 'vue-awesome-swiper'
  29. import 'swiper/dist/css/swiper.css'
  30. // import { from } from 'core-js/core/array'
  31. import Antd from './utils/antd-vue';
  32. Vue.use(Antd);
  33. Vue.use(uploadPicture)
  34. Vue.use(FormCreate)
  35. Vue.use(newsCategory)
  36. Vue.component('vue-ueditor-wrap', VueUeditorWrap)
  37. Vue.use(VueAwesomeSwiper)
  38. Vue.use(VueLazyload, {
  39. preLoad: 1.3,
  40. error: require('./assets/images/no.png'),
  41. loading: require('./assets/images/moren.jpg'),
  42. attempt: 1,
  43. listenEvents: ['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend', 'touchmove']
  44. })
  45. Vue.prototype.$modalForm = modalForm
  46. Vue.prototype.$modalSure = modalSure
  47. Vue.prototype.$modalSureDelete = modalSureDelete
  48. /**
  49. * If you don't want to use mock-server
  50. * you want to use MockJs for mock api
  51. * you can execute: mockXHR()
  52. *
  53. * Currently MockJs will be used in the production environment,
  54. * please remove it before going online ! ! !
  55. */
  56. if (process.env.NODE_ENV === 'production') {
  57. const { mockXHR } = require('../mock')
  58. mockXHR()
  59. }
  60. Vue.use(Element, {
  61. size: Cookies.get('size') || 'medium' // set element-ui default size
  62. })
  63. Vue.use(cascader);
  64. // register global utility filters
  65. Object.keys(filters).forEach(key => {
  66. Vue.filter(key, filters[key])
  67. })
  68. // const token = getToken()
  69. // let _notice
  70. // if (token) {
  71. // _notice = notice(token)
  72. // }
  73. Vue.config.productionTip = false
  74. export default new Vue({
  75. el: '#app',
  76. router,
  77. data: {
  78. notice: null
  79. },
  80. methods: {
  81. closeNotice() {
  82. this.notice && this.notice()
  83. }
  84. },
  85. store,
  86. render: h => h(App)
  87. })