{"repo":"daidaibg/IofTV-Screen","free":true,"listed":false,"github":"https://github.com/daidaibg/IofTV-Screen","clone":"git clone https://github.com/daidaibg/IofTV-Screen.git","description":"🔥大屏，物联网大屏，一个基于 vue、datav、Echart 框架的大数据可视化（大屏展示）模板","language":"Vue","stars":662,"topics":["datav","echarts","vue"],"license":"MIT","category":"cli-tools","readme_excerpt":"项目描述 根据奔跑吧面条的 vue-big-screen 开源框架基础上进行修改。 - 项目需要全屏展示（按 F11）。 - 项目部分区域使用了全局注册方式，增加了打包体积，在实际运用中请使用 按需引入 。 - 项目环境：Vue-cli、DataV、Echarts、Webpack、Npm、Node，axios,mock。 - 请拉取 master 分支的代码，其余分支是开发分支。 - 在项目public目录下存放地图数据合集，根据地市编存放。 友情链接： 1. Vue 官方文档 2. DataV 官方文档 3. echarts 实例，echarts API 文档 4. mock.js官网 5. axios官网 项目展示 项目预览地址 https://www.gaobug.com/bigscreen 项目仓库地址 github地址 https://github.com/daidaibg/IofTV-Screen Gitee地址 https://gitee.com/daidaibg/IofTV-Screen vue3+vite版本地址 github地址 https://github.com/daidaibg/IofTV-Screen-Vue3 Gitee地址 https://gitee.com/daidaibg/IofTV-Screen-Vue3 1.1.0版本开始采用自适应组件方式，不再使用mixin方式。 滚动设置，自适应设置 项目中可以进行滚动配置，内容是否滚动 点击右上角设置按钮 可以进行以下配置，可以自行代码中进行修改或增加配置 2、主要文件介绍 文件 作用/功能 ----------------- ------------------------------------------------------------ main.js 主目录文件，引入 Echart/DataV 等文件 utils 工具函数与 mixins 函数等 views/ home.vue 项目主结构 views/其余文件 界面各个区域组件（按照位置来命名） assets 静态资源目录，放置 logo 与背景图片 assets / css/ 通用 CSS 文件，全局项目快捷样式调节 components/echart 所有 echart 图表（按照位置来命名） common/... 全局封装的 ECharts 和 flexible 插件代码（适配屏幕尺寸，可定制化修改） api/api.js 接口封装文件 mock 模拟数据接口地址 使用介绍 安装 启动 接下来跟面条的差不多还是看面条的文档吧 https://gitee.com/MTrun/big-screen-vue-datav/tree/master#%E4%B8%89%E4%BD%BF%E7%94%A8%E4%BB%8B%E7%BB%8D 取消mock模拟数据 取消后请对接自己后端接口 自适应缩放组件 注意 采用Scale方式，会自动给组件父元素添加overflow:hidden 使用 API 属性 说明 类型 默认值 ------------ ------------------------------------------------------------ -------------------------------- ------ selfAdaption 是否进行自适应 Boolean true width 大屏宽度 Number or String 1920 height 大屏高度 Number","default_branch":null,"files":null,"tree":[],"storefront":"/r/daidaibg","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/daidaibg/IofTV-Screen/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}