js 当两个字段使用的同一个数组后，当其中一个数组变化了，另外一个数组也会收到影响。
this.list = res.data;
this.list2 = res.data;
var data = {
sorCount: 0,
sensorTypeKey: '0',
...
2年前 (2023-08-02)
喜欢
vue3 数据可视化大屏边框-智慧管理中心
边框由标题 主体 背景图片 倾斜斑马线 下展背景动画等组成。
效果截图
动画效果
组件处理
为了让数据可视化大屏边框尽可能的适配各种不同的宽高显示，将一张背景图切为了10份，然后通过背景图定位来从新调整布局。
动画处理
默认隐藏边框...
2年前 (2023-08-02)
喜欢
倾斜的斑马线效果可以通过CSS中的linear-gradient和repeating-linear-gradient来实现。这里有一个例子：
body {
min-height: 100vh;
display: flex;
align-items: center;
...
2年前 (2023-08-01)
喜欢
今天客户要求看一下数据大屏开发到那里了，于是走流程项目打包发布，然后懵逼了，无法正常访问，排查后发现报错了。
Failed to load module script: Expected a JavaScript module script but the server resp...
2年前 (2023-08-01)
喜欢
2021年的时候，做过一个数据可视化大屏，记得有一个效果是加载地图的动画视频，一个格子地面上，放着一个地图，然后移动视角来实现一个动画的效果。
格子背景动画
动画效果
今天看到这个视频后，就想着有没有办法通过代码来实现这种效果呢？我们先剔除掉地图，只要格子背景。
实现思路
首...
2年前 (2023-08-01)
喜欢
要在Photoshop上纵向均匀添加三条线，可以按照以下步骤操作：
打开您想要添加线条的图片。在菜单栏中选择文件，然后选择打开，找到您的图片文件并点击打开。
选择线工具。在左侧的工具栏中，找到线工具，它可能隐藏在矩形工具或者椭圆工具下面，点击并按住这些工具，会出现一个下拉...
2年前 (2023-07-31)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏蓝色标题组件 - 固废全过程。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
项目应用
项目应用：vue3...
2年前 (2023-07-31)
喜欢
数据大屏项目开发过程中，会增加一些动画效果，让大屏页面看起来更加酷炫.今天我们来实现一个自上而下展开的动画效果.
效果截图
动态效果
实现思路
在上面的动画效果中，我们要实现的是自上而下的展开动画，动画执行完成后，再显示内容。
首先隐藏我们要显示的内容，然后再做一个div，给...
2年前 (2023-07-31)
喜欢
数字滚动效果
动画效果
在Vue.js中，可以使用countUp.js插件实现数字滚动。这是一个独立的，能让你创建动态递增或递减的数字动画的JavaScript库。
首先，你需要在项目中安装这个库：
npm install countup.js --save
然后，在你的组...
2年前 (2023-07-31)
喜欢
在ECharts中，如果横坐标的数据太多，你可以通过添加dataZoom组件来实现拖动效果，dataZoom组件提供了数据区域的缩放和平移交互功能，可以使用户在查看数据详情的同时，保持大局观。以下是一个基本的示例：
var option = {
// ...
da...
2年前 (2023-07-31)
喜欢
