vue数据可视化大屏项目中，需要一些动画元素让页面更生动，这里将gsap上下浮动的动画效果记录下来，方便可能复用。
<template>
<div class="titleBg">
<div class="...
yekong
2年前 (2023-03-18)
喜欢
axios上传文件的时候，如果文件太大的话，就需要添加一个上传进度了解上传情况，所以我们添加一个进度提示，axios上传进度是通过onUploadProgress来获取的。
html
<el-dialog
title="上传文件到内部存储或SD卡1"...
yekong
2年前 (2023-03-16)
喜欢
vue3 vite项目进行接口调用的时候，会遇到跨域的问题，这时候就需要配置反向代理了。
vite 反向代理说明文档
反向代理说明文档
vite 反向代理配置代码
import {defineConfig} from 'vite';
import vue from '@vitej...
yekong
2年前 (2023-03-15)
喜欢
可视化大屏项目开发中，有一个需求高德地图上要覆盖一个自定义的地图图片，这个要和区域轮廓一致，但是当地图缩放的时候就会导致图片和轮廓不一致，这时候就需要监听地图的zoom了，当地图zoom和默认不一样的时候就隐藏这个图片。
that.map.on('zoomchange', ()...
yekong
2年前 (2023-03-13)
喜欢
vue可视化数据大屏项目开发时，使用高德地图会遇到绘制区域边界的情况，这里我们可以使用AMap.DistrictSearch加AMap.Polygon来绘制边界。
首先需要配置安全密钥，引用高德地图
<script type="text/javascript&...
yekong
2年前 (2023-03-13)
喜欢
vue使用高德地图district.search查询地区的时候返回no_data，这是因为没有配置安全密钥的原因，配置一下安全密钥就可以了。
关键代码
<script type="text/javascript">
window._AMap...
yekong
2年前 (2023-03-13)
喜欢
vue数据可视化大屏 开发中，需要一个进度条的效果，这里使用的是两个图片来实现的，一个背景图，还有一个进度条背景图。然后增加一个长度限制，默认是0每10毫秒增加1直到增加到给定的百分比停止，形成一个渐变的动画。
更多进度条效果实例
vue 数据可视化大屏进度条效果实例
使用
&...
yekong
2年前 (2023-03-03)
喜欢
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)
喜欢
