一個大屏監控的項目

寫大屏監控，本人選擇的是用vue、element ui、echarts、axios、vueg來構建的。

vue init webpack my-project

//安裝依賴
cd my-project
cnpm install

//加入elementUI
cnpm i element-ui -S

//加入echarts
cnpm install echarts -S

//加入 axios
cnpm install axios -S

//加入vueg
cnpm i vueg -S

vueg是一個切換頁面時轉場的效果

import vueg from 'vueg'
import 'vueg/css/transition-min.css'
Vue.use(vueg, router);//←注意這一句應該在router實例化之后

為需要轉場動畫的<router-view>添加v-transition，如：

<router-view v-transition />

需要什么樣的效果，就在那個頁面的data中添加數據，如：

 data () {
    return {
      vuegConfig: {
        forwardAnim: 'touchPoint',//轉場效果
        duration: '.3',
        disable:false
      }
    }
  }

vueg轉場效果還有別的，如果需要，自己去找效果：https://github.com/jaweii/vueg。

我這個項目是3840*1920的大屏監控如有需要看的，請點擊https://github.com/mengxiaobo130401/screens_monitor