vue-big-screen基于 Vue 的數(shù)據(jù)大屏項(xiàng)目
vue-big-screen 是一個(gè)基于 Vue、Datav、Echart 框架的 "數(shù)據(jù)大屏項(xiàng)目"，通過(guò) Vue 組件實(shí)現(xiàn)數(shù)據(jù)動(dòng)態(tài)刷新渲染，內(nèi)部圖表可實(shí)現(xiàn)自由替換。部分圖表使用 DataV 自帶組件，可進(jìn)行更改。
項(xiàng)目展示
主要文件介紹
| 文件 | 作用/功能 |
|---|---|
| main.js | 主目錄文件，引入 Echart/DataV 等文件 |
| utils | 工具函數(shù)與 mixins 函數(shù)等 |
| views/ index.vue | 項(xiàng)目主結(jié)構(gòu) |
| views/其余文件 | 界面各個(gè)區(qū)域組件（按照位置來(lái)命名） |
| assets | 靜態(tài)資源目錄，放置 logo 與背景圖片 |
| assets / style.scss | 通用 CSS 文件，全局項(xiàng)目快捷樣式調(diào)節(jié) |
| assets / index.scss | Index 界面的 CSS 文件 |
| components/echart | 所有 echart 圖表（按照位置來(lái)命名） |
| common/... | 全局封裝的 ECharts 和 flexible 插件代碼（適配屏幕尺寸，可定制化修改） |
評(píng)論
圖片
表情