数据可视化大屏 项目中很多地方都需要数字展示，为了不让页面看起来单调，数字经常需要添加一些滚动的动画效果。这里使用的vue3之前的组件不好用了，所以从新找了一个在vue3环境下可以用的组件。
安装依赖
npm install vue3-number-roll-plus --sav...
yekong
1年前 (2023-02-21) 1602℃
0喜欢
Vue 提供了 transition 的封装组件，可以给任何元素和组件添加进入/离开过渡；我们可以结合animate.css来实现我们想要的效果。animate动画可实现的效果有很多，我们可以查看animate.css演示。
安装animate.css
npm install a...
yekong
1年前 (2023-02-09) 2066℃
0喜欢
vue数据大屏开发经常会遇到像下图一样要显示当前日期，有的项目只显示年月日，有的项目显示年月日时分秒，有的项目显示星期 年月日时分秒等，很多情况。今天介绍vue数据大屏添加日期和时间实现的方法。
效果演示
数据大屏日期和时间实时更新的效果演示
安装依赖
使用前需要先安装日期插件...
yekong
1年前 (2023-02-01) 1193℃
0喜欢
vue2项目升级为vue3后，发现一些地方不能正常运行了，其中有一项是使用.sync没办法正常赋值了。
查询相关说明得知Vue3中v-model取代了.sync，.sync不再被支持。
vue2下的sync
<tab :active.sync="active&qu...
yekong
1年前 (2023-01-31) 924℃
0喜欢
在制作icomoon字体图标前，我们首先需要有svg格式的图标文件，之前有文章写过
导出psd文件内的小图标制作成字体图标
如果有了svg文件后，那么就可以继续了，打开工具icomoon
打开工具icomoon
工具地址：icomoon
上传svg文件到icomoon生成图标
点...
yekong
1年前 (2023-01-30) 1297℃
0喜欢
在做数据大屏开发时，或者vue后台项目开发时，设计给我们的数据大屏UI设计图经常会遇到类似这种菜单，但是图标是有多种颜色的，这里我们可以直接切出两套不同颜色的图片用来切换，但是也会遇到客户看到最终页面后又想调菜单图标的颜色的情况，这时候我们就需要再切一遍，怎么避免这种情况呢？
...
yekong
1年前 (2023-01-30) 856℃
0喜欢
在vue数据大屏开发中，经常会出现为了装饰而有很多异形头部，比如vue数据大屏 采油厂风险管控系统这个项目，里面有很多异形头部图，就像下面的截图，长得很像但是长度又不一样的，当时为了切这些地方切出来好多个很相似但是宽度又不同的图片，页面稍微调整宽度，这些位置就会轻微变形。
所以...
yekong
1年前 (2023-01-30) 626℃
0喜欢
vue数据大屏项目开发时，经常会遇到为了装饰元素会在四个角增加一些不一样的装饰，但是每次都要写一遍太麻烦了，所以抽离出来给div的四个角增加图片模板作为一个组件。让四角添加起来更方便。后面拿过来微调一下就可以直接使用了，不用再重复编写代码了。
使用时，父级需要添加positio...
yekong
1年前 (2023-01-30) 508℃
0喜欢
最近在学习vue3，为了更好的实践，所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统，用来做实践项目。
然后遇到了第一个问题
使用vite引入组件的时候会报错误
Failed to load url /src/comp...
yekong
1年前 (2023-01-28) 4370℃
4喜欢
被引入的文件
module.exports = {
url: "https://www.wanjunshijie.com"
}
vue.config.js
const url = require('./qiniu-upload-prefiex.js');...
yekong
1年前 (2023-01-27) 573℃
0喜欢
