vue3 数据大屏 项目开发中,需要弹窗组件,这里我们整理弹窗组件,并通过gsap补间动画给弹窗添加入场动画以及离场动画。
弹窗效果
展开动画:从中间缓慢向左右两边展开;
收缩动画:从左右两边向中间收缩隐藏。
效果截图
演示动画
组件代码
<template>
...
yekong
11个月前 (12-21)
喜欢
在数据大屏项目开发中,有一些异形背景图为了更好的适配,会将图片切割成小块,然后再拼接以进行适配,但是在实际开发中会出现一种情况,就是在一些分辨率或者一些不同宽高比的情况下,会有一条黑线.
在不同分辨率下,div拼接出现黑线的问题可能是由于浏览器的渲染引擎在处理像素时的舍入误差导...
yekong
11个月前 (12-21)
喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏深绿色格子标题组件 - 医疗卫生大数据看板。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
项目应用
项目...
yekong
11个月前 (12-21)
喜欢
html 数据可视化大屏 医疗卫生数据大屏
开发环境
html + css + js + vue2.js
分辨率
1920*1080
演示地址
html 数据可视化大屏 医疗卫生数据大屏
演示demo:数据可视化大屏 医疗卫生数据大屏
效果截图
视频演示
项目模块
1.人次占...
yekong
11个月前 (12-21)
喜欢
在普通HTML项目中使用Highcharts创建3D饼状图,首先需要引入Highcharts库及其3D模块。以下是基本步骤:
引入Highcharts和Highcharts 3D模块的脚本。可以通过CDN引入,例如:
<script src="//cdn.s...
yekong
11个月前 (12-20)
喜欢
vue3 element-plus el-table表格客户要求日期分为两行,一行显示年月日,一行显示时分秒
处理代码
<el-table :data="list" class="custom-table" style="...
yekong
11个月前 (12-20)
喜欢
vue2项目开发中,需要实现类似如下效果图的效果,因为有横向滚动条,这里使用element ui el-table来实现,只需要通过css来将样式修改为我们需要的效果就可以了,这里使用了斑马纹的效果,通过设置 stripe来实现。
代码实现效果
实现代码
因为滚动条也需要自定...
yekong
11个月前 (12-20)
喜欢
大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理荆州市石首市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
石首市是湖北省荆州市辖的一个县级市,位于...
yekong
11个月前 (12-19)
喜欢
vue3 数据可视化大屏项目开发中,会需要一些弹窗效果,弹窗组件有各种不同样式的,为了能够在不同风格的数据大屏中使用弹窗组件,这里也整理了自己做过的数据大屏项目中不同风格的弹窗组件。
vue3 数据可视化大屏弹窗组件 - 大屏驾驶舱
vue3 数据可视化大屏弹窗组件 - 大屏驾驶...
yekong
11个月前 (12-19)
喜欢
vue3 可视化数据大屏 实践教育数字云平台
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
运行环境
nodejs 16
开发框架
vue3 vite js
分辨率
1920 * 1080
演示地址
演示demo:vue3 数据可视化大屏 实践教...
yekong
11个月前 (12-19)
喜欢