vue 数据大屏项目开发中,客户要求进行轮播显示,页面里面每次可以展示5个,所以这里需要将一维数组5个为一组拆分为2维数组,然后进行轮播显示。接下来我们要对数组进行处理。当然使用lodash也是可以实现这种效果的,lodash 将数组拆分成多个 size 长度的区块,并将这些区块...
yekong
1年前 (2023-06-20)
喜欢
vue3 数据大屏 项目开发中,需要弹窗组件,这里我们整理弹窗组件,并通过gsap补间动画给弹窗添加入场动画以及离场动画。
弹窗效果
弹窗动画
展开动画:从中间缓慢向上下两边展开;
收缩动画:从上下两边向中间收缩隐藏。
效果截图
演示动画
使用组件
组件可传值宽高控制大小。标...
yekong
1年前 (2023-06-20)
喜欢
边框由标题和主体两部分组成。上下异形边框效果。
如果您需要设计属于自己的数据可视化大屏或数据可视化大屏开发 请联系我们微信:17331886870
组件代码
/**
* @Author: 858834013@qq.com
* @Name: pageItem
* @Date: 2...
yekong
1年前 (2023-06-20)
喜欢
随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理金昌市金川区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制...
yekong
1年前 (2023-06-20)
喜欢
可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理echarts嘉峪关市geoJson地图渲染实例。地图基于geoJson数据绘制。
echarts嘉峪关市嘉峪关市geoJson地图指定区域高亮
ec...
yekong
1年前 (2023-06-20)
喜欢
随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理兰州市榆中县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
...
yekong
1年前 (2023-06-20)
喜欢
vue 数据可视化大屏 项目开发中,经常需要渲染一些3d地图效果,今天整理一下3d地图并在3d地图中标注地名代码,希望能够让代码快速应用到项目中。
CSS2D标签面向摄像机,场景缩放时,缩小放大都一样大,不被模型遮挡,通过DOM事件点击
css2d标签渲染效果视频
演示实例
...
yekong
1年前 (2023-06-20)
喜欢
上一节我们通过threejs 在3d地图中绘制css2d地名,这一节我们使用css3d来渲染地图地名标签。
大部分代码和threejs 在3d地图中绘制css2d地名一致,只是把css2d标签改为css3d标签了。
CSS3D不面向摄像机,场景缩放时,缩小放大跟随着,不被模型遮挡...
yekong
1年前 (2023-06-20)
喜欢
可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理兰州市皋兰县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts兰州市皋兰县geoJson地图...
yekong
1年前 (2023-06-20)
喜欢
可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理兰州市永登县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts兰州市永登县geoJson地图...
yekong
1年前 (2023-06-20)
喜欢