vue-big-screen-plugin|vue-big-screen-plugin v1.0下载_网站源码最新版
- 类别:源码素材
- 大小:
- 更新:2023-12-13
- 下载:114次
vue-big-screen-plugin是一个基于 Vue3、TypeScript、DataV、ECharts 框架的 " 数据大屏项目 ",使用 '.vue' 和 '.tsx' 文件实现界面,采用新版动态屏幕适配方案,支持数据动态刷新渲染、内部DataV、ECharts图表都支持自由替换。
特点:1、项目按照 1920*1080 比例设计,支持任何尺寸的同比例缩放。
2、项目封装的 ECharts 区域使用了全部引入的方式,增加了打包体积,在实际运用中请使用 按需引入。
3、拉取项目之后,建议按照自己的功能区域重命名文件,现以简单的位置进行区分。
4、项目环境:@vue/cli-4.5.13、DataV-2.10、Echarts-5.1.1、Npm-6.14.6、Node-v14.16。
5、请拉取 master 分支的代码,其余分支是开发分支。
6、需要其它地图数据的,请查看我的其它项目(有一个地图合集)
注意:dataV 暂不支持 Vue3 的数据更新,可以正常使用静态组件(边框等),如果动态数据修改的需求可以参考npm库 bin-datav 的源码进行更改。
使用介绍1、启动项目
需要提前安装好 nodejs 与 yarn,下载项目后在项目主目录下运行 yarn 拉取依赖包。安装完依赖包之后然后使用 vue-cli 或者直接使用命令npm run serve,就可以启动项目,启动项目后最好是手动全屏查看(按 F11)。如果编译项目的时候提示没有 DataV 框架的依赖,输入 npm install @jiaminghi/data-view 或者 yarn add @jiaminghi/data-view 进行手动安装。
如果安装完依赖 @jiaminghi 报错 key should be placed on the tag 类似的bug,我已经做了修复,大家把此工程目录下的 other_modules/@jiaminghi.rar 解压并替换掉 node_modules 里面的同名文件(或者手动修改,只需要把 v-for 移动到下方标签里,并删除 template 即可),我已经给作者提了 Issues 希望大家拉取的时候没有这个错误
2、封装组件渲染图表
所有的 ECharts 图表渲染都是基于 components/echart/index.tsx 封装组件创建的,动态修改数据需要手动触发初始化函数 initChart,参考 centerLeft1 里的图表写法即可。如果遇到动态赋值图表无法监听到的时候,也可以调用这个函数进行手动更新。
封装的渲染图表组件支持传入以下参数,可根据业务需求自行添加/删除。
7230手游网的刀塔传奇玩家朋友们,小编推荐的刀塔传奇阵容推荐已经来到了这是第6个组合,这一次推荐的是一个非常恶心人的极品减甲流组合,削弱敌人的护甲,我方也能打出更华丽的伤害。{insd m=4 i=9131}英雄阵容组合英雄名亚龙暗牧复仇
2023-09-24 23:11天天炫斗70级腰带源力在哪里打?70级腰带源力怎么刷 ?腰带源力怎么获得通关风之深渊副本BOSS几率掉落获得{insd m=4 i=6186}相关攻略:天天炫斗70级项链源力在哪刷?:http://www.7230.com/view/16244.html
2023-09-24 23:12今天7230小编为大家介绍的是影之刃三大角色之一左殇的技能介绍,如果你对左殇感兴趣的话,就往下看吧~1、飞杀追击:这个技能开启条件是人物等级1级解锁,发招时候在地,收招的时候在空中。冷却是加2攻击方式:是将目标挑空后随之跃起,造成百分
2023-09-24 23:14我叫MT扫荡模式是新版本中的一个特殊的模式,这个模式感觉让人非常好奇,小编就来给大家介绍一下吧!当玩家通过某副本后,可选择直接扫荡若干次该副本,获得的经验、金币、掉落卡牌等统一展示。3.6版本玩家在反复刷某一副本时将会大大减少花费的时间,
2023-09-24 23:11全民奇迹弓箭手有那些技能?弓箭手技能怎么样?来一起看看全民奇迹弓箭手的技能吧。全民奇迹弓箭手技能表{insd m="4" i="12675"}相关攻略:全民奇迹法师技能介绍:http://www.7230.com/view/16543.html全民奇迹法师职业
2023-09-24 23:13恐怖阶段4怎么过,干掉讨厌的几个塔,可冰可推,看你的攻击力和兵种来,简单搞定!兵种:胖M/坦克1.炸掉大加(还附赠6点能量,好爽)2.溜边,打掉加农下方的3个防御。要使用震爆弹,防止MM被迫击炮打死3.打掉或者冻住标记了蓝圈特别是狙击塔后,
2023-09-24 23:12天天炫斗凯瑟琳武器自由权杖怎么样?自由权杖的属性是什么。7230小编就为大家介绍一下天天炫斗凯瑟琳武器——自由权杖。图鉴装备名称装备等级装备获得方法自由权杖20级1.心流手杖升级而来。2.洲际公路20-29副本BOSS掉落或洲
2023-09-24 23:12天天炫斗凯瑟琳时装至尊王者怎么获得?至尊王者的属性是什么?凯瑟琳至尊王者好看吗?7230小编为大家介绍一下天天炫斗凯瑟琳的时装——至尊王者。凯瑟琳至尊王者时装属性如何获得生命:+8000攻击:+800防御:+360暴
2023-09-24 23:13-
全民打怪兽怎么下载,全民打怪兽在哪里下载 2023-09-24
-
部落战争9本神阵,部落战争9本最佳布局图 2023-09-24
-
海岛奇兵恐怖阶段4,恐怖博士4图文攻略 2023-09-24
-
全民水浒张惜惜怎么样?张惜惜技能属性图鉴 2023-09-24
-
龙印OL装备强化调整攻略 2023-09-24
-
刀塔传奇黄金电能核心有什么用 2023-09-24
-
天天炫斗不朽权杖属性 凯瑟琳武器介绍 2023-09-24
-
天天炫斗至尊王者属性 凯瑟琳时装至尊王者怎么获得 2023-09-24
-
天天炫斗第六个神器叫什么 激活条件是什么? 2023-09-24
-
天天炫斗自由权杖属性 凯瑟琳武器介绍 2023-09-24