vue3 数据可视化大屏 项目中需要tab切换效果，之前写过类似的效果了，vue tab_line_sync 组件，不过是vue2的方式写的，vue3的sync已经不能用了，所以重新再写一遍。
使用
<template>
<div class="...
yekong
2年前 (2023-03-02)
喜欢
vue3 vue3数据大屏使用腾讯地图 要求可以自定义图标，图标点击后可以跳转，鼠标放在图标上显示自定义文字效果。
演示demo:vue3数据可视化大屏-科技管理大屏案例演示
实现代码
<template>
<div class="map wow...
yekong
2年前 (2023-03-02)
喜欢
vue3 数据大屏可视化 项目中要求使用腾讯地图，这里将自己实现的代码记录下来，方便复用。数据大屏可视化ui设计的地图很华丽，但是使用腾讯地图没办法实现这种样式效果。vue3使用腾讯地图添加自定义图标
演示demo:vue3数据可视化大屏-科技管理大屏案例演示
申请腾讯地图k...
yekong
2年前 (2023-03-02)
喜欢
vue3 数据可视化大屏 项目开发时，经常会遇到table效果，但是限于页面大小，table的数据并不能完全的显示出来，这就需要让table滚动起来，之前使用vue2已经实现过了类似的效果，vue table组件结合vue-seamless-scroll实现滚动，这次是使用的vu...
yekong
2年前 (2023-03-02)
喜欢
vue3实现鼠标拖动横向滚动，vue数据大屏开发，客户要求列表可以横向拖动，这里使用的better-scroll插件来实现自己想要的效果。
演示demo:vue3数据可视化大屏-科技管理大屏案例演示
/**
* @Author: 858834013@qq.com
* @Name...
yekong
2年前 (2023-03-01)
喜欢
vue 数据可视化大屏 项目中要求列表可以自动滚动，之前使用的Vue2已经实现过了，vue 结合vue-seamless-scroll实现列表滚动，不过这个项目使用的是vue3+vite之前的组件可能无法使用，所以专门找了一个vue3的无缝滚动组件。
演示demo:vue3数据可...
yekong
2年前 (2023-03-01)
喜欢
数据可视化大屏 项目中很多地方都需要数字展示，为了不让页面看起来单调，数字经常需要添加一些滚动的动画效果。这里使用的vue3之前的组件不好用了，所以从新找了一个在vue3环境下可以用的组件。
安装依赖
npm install vue3-number-roll-plus --sav...
yekong
2年前 (2023-02-21)
喜欢
Vue 提供了 transition 的封装组件，可以给任何元素和组件添加进入/离开过渡；我们可以结合animate.css来实现我们想要的效果。animate动画可实现的效果有很多，我们可以查看animate.css演示。
安装animate.css
npm install a...
yekong
2年前 (2023-02-09)
喜欢
vue数据大屏开发经常会遇到像下图一样要显示当前日期，有的项目只显示年月日，有的项目显示年月日时分秒，有的项目显示星期 年月日时分秒等，很多情况。今天介绍vue数据大屏添加日期和时间实现的方法。
效果演示
数据大屏日期和时间实时更新的效果演示
安装依赖
使用前需要先安装日期插件...
yekong
2年前 (2023-02-01)
喜欢
vue项目开发有一个需求是可以对视频进行截屏操作.
注意
视频截屏前准备需要在video内添加crossorigin="anonymous"，不然可能会有跨域问题导致无法截图.
<video class="videoScreenShot&quo...
yekong
2年前 (2023-02-01)
喜欢
