vue-big-screen基于 Vue 的数据大屏项目
vue-big-screen 是一个基于 Vue、Datav、Echart 框架的 "数据大屏项目",通过 Vue 组件实现数据动态刷新渲染,内部图表可实现自由替换。部分图表使用 DataV 自带组件,可进行更改。
项目展示
主要文件介绍
文件 | 作用/功能 |
---|---|
main.js | 主目录文件,引入 Echart/DataV 等文件 |
utils | 工具函数与 mixins 函数等 |
views/ index.vue | 项目主结构 |
views/其余文件 | 界面各个区域组件(按照位置来命名) |
assets | 静态资源目录,放置 logo 与背景图片 |
assets / style.scss | 通用 CSS 文件,全局项目快捷样式调节 |
assets / index.scss | Index 界面的 CSS 文件 |
components/echart | 所有 echart 图表(按照位置来命名) |
common/... | 全局封装的 ECharts 和 flexible 插件代码(适配屏幕尺寸,可定制化修改) |
评论