标签:vue3

vue

vue3 element-plus dropdown下拉菜单自定义样式

vue3 element-plus dropdown下拉菜单自定义样式
vue3数据可视化大屏项目开发中,会遇到一些下拉菜单,在功能上element-plus已经满足了我们的需求,不过样式可能和我们的ui设计图不一致,这时候就需要自定义下样式了,vue3 element-plus dropdown下拉菜单自定义样式 可以通过修改el-dropdown...

yekong 3周前 (03-07) 129℃ 0喜欢

vue

vue 实现进度条效果

vue 实现进度条效果
vue数据可视化大屏 开发中,需要一个进度条的效果,这里使用的是两个图片来实现的,一个背景图,还有一个进度条背景图。然后增加一个长度限制,默认是0每10毫秒增加1直到增加到给定的百分比停止,形成一个渐变的动画。 使用 <progressBar :progress=&quo...

yekong 3周前 (03-03) 69℃ 0喜欢

vue

vue3 实现tab切换样式组件

vue3 实现tab切换样式组件
vue3 数据可视化大屏 项目中需要tab切换效果,之前写过类似的效果了,vue tab_line_sync 组件,不过是vue2的方式写的,vue3的sync已经不能用了,所以重新再写一遍。 使用 <template> <div class="...

yekong 3周前 (03-02) 75℃ 0喜欢

vue

vue3 项目使用腾讯地图

vue3 项目使用腾讯地图
vue3 数据大屏可视化 项目中要求使用腾讯地图,这里将自己实现的代码记录下来,方便复用。数据大屏可视化ui设计的地图很华丽,但是使用腾讯地图没办法实现这种样式效果。vue3使用腾讯地图添加自定义图标 演示demo:vue3数据可视化大屏-科技管理大屏案例演示 申请腾讯地图k...

yekong 3周前 (03-02) 88℃ 0喜欢

vue

vue3 实现视频截图效果(带演示效果)

vue3 实现视频截图效果(带演示效果)
vue项目开发有一个需求是可以对视频进行截屏操作. 注意 视频截屏前准备需要在video内添加crossorigin="anonymous",不然可能会有跨域问题导致无法截图. <video class="videoScreenShot&quo...

yekong 2个月前 (02-01) 157℃ 0喜欢

vue

vue3 vite项目使用wow.js实现加载动画

vue3 vite项目使用wow.js实现加载动画
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入wowjs来实现动画,但是升级到vue3后再使用wowjs会报下面的错误。 报错 Uncaught...

yekong 2个月前 (01-28) 218℃ 3喜欢

vue

vue3 使用使用animate.css组件不生效

vue3 使用使用animate.css组件不生效
vue项目中会使用wow.js+animate.css这类插件进行项目动画渲染。但是使用animate.css插件没有效果,使用特定版本的animate.css就可以,今天趁着处理vue3 vite项目使用wowjs实现加载动画问题也把这个历史问题给解决了。推荐方案1 解决方案...

yekong 2个月前 (01-28) 200℃ 0喜欢

vue

vue3 vite项目使用百度地图插件

vue3 vite项目使用百度地图插件
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入百度地图vue-baidu-map,这里有些变化要记录一下。 文档地址 插件使用说明。 文档地址 ...

yekong 2个月前 (01-28) 233℃ 1喜欢