// The Vue build version to load with the `import` command
|
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
|
import Vue from 'vue'
|
import App from './App'
|
import router from './router'
|
|
// 组件ElementUI
|
import ElementUI from 'element-ui'
|
import 'element-ui/lib/theme-chalk/index.css'
|
|
// vuex状态管理
|
import store from './store'
|
// 样式
|
import less from 'less'
|
import '@/styles/index.scss' // global css
|
import '@/styles/animate.css'
|
|
// 自定义全局点击空白处组件
|
import clickoutside from './directives' // global filters
|
import focus from './directives/focus'
|
import empty from './directives/empty'
|
import photo from './directives/photo'
|
import Lockr from 'lockr'
|
/** 常用flex组件 */
|
import {
|
Flexbox,
|
FlexboxItem
|
} from '@/components/flexbox'
|
/** 事件传递 */
|
import VueBus from 'vue-bus'
|
/** 懒加载图片 */
|
import VueLazyload from 'vue-lazyload'
|
import * as filters from './filters'
|
import moment from 'moment'
|
// 表情
|
import {
|
emoji
|
} from './utils/emoji' // global filters
|
import fullCalendar from 'vue-fullcalendar'
|
// import cache from '@/utils/cache'
|
import 'lib-flexible'
|
|
// cache.loadingCache()
|
|
Vue.component('full-calendar', fullCalendar)
|
|
// 注册全局过滤器
|
Object.keys(filters).forEach(key => {
|
Vue.filter(key, filters[key])
|
})
|
|
// 处理时间的过滤器
|
Vue.use(require('vue-moment'))
|
moment.locale('zh_cn')
|
|
Vue.use(VueLazyload, {
|
preLoad: 1.3,
|
error: require('@/assets/img/send_img.png'),
|
loading: require('@/assets/img/loading.gif'),
|
attempt: 1
|
})
|
|
Vue.prototype.emoji = emoji
|
|
Vue.use(VueBus)
|
Vue.component('flexbox', Flexbox)
|
Vue.component('flexbox-item', FlexboxItem)
|
Vue.use(empty)
|
Vue.use(photo) // 本地存储插件
|
console.log(process.env.NODE_ENV)
|
|
window.Lockr = Lockr // 使用本地存储插件
|
Vue.directive('clickoutside', clickoutside)
|
Vue.directive('focus', focus)
|
Vue.use(ElementUI, {zIndex: 3000})
|
|
Vue.use(less)
|
|
Vue.config.productionTip = false
|
|
/* eslint-disable no-new */
|
new Vue({
|
el: '#app',
|
router,
|
store,
|
components: { App },
|
template: '<App/>'
|
})
|
