vue3 数据可视化大屏 开发中，有个要求，地图要可以实现测距，搜索了一下高德地图支持这个功能，将实现方法记录一下。
演示实例
引入高德地图
<script type="text/javascript"
src="h...
yekong
2年前 (2023-04-18)
喜欢
进度条效果：
进度条颜色是渐变色，可以通过传值自定义
进度条带有动画效果 使用gsap实现补间动画
进度条有默认背景色
进度条宽度根据总数和当前数据计算百分比
数字居右展示
演示地址
使用组件
<template>
<div class="li...
yekong
2年前 (2023-04-17)
喜欢
vue3 数据可视化大屏 开发中，需要展示一些表格效果，今天整理 vue3 表格自定义排行榜样式效果组件。
通过使用flex控制宽度，通过Vue3SeamlessScroll实现列表滚动，使用自定义样式来实现排名表格效果。
演示地址
使用组件
<template>...
yekong
2年前 (2023-04-17)
喜欢
vue3 数据可视化大屏 开发中，需要展示一些表格效果，今天整理 vue3 带排名效果的滚动表格组件。
通过使用flex控制宽度，通过Vue3SeamlessScroll实现列表滚动，使用自定义图标来实现排名表格效果。
演示地址
使用组件
<template>
...
yekong
2年前 (2023-04-17)
喜欢
vue3 数据可视化大屏 开发中，需要展示一些表格效果，今天整理滚动表格效果。
通过使用flex控制宽度，通过Vue3SeamlessScroll实现列表滚动.
演示地址
使用组件
<template>
<div class="itemBody...
yekong
2年前 (2023-04-17)
喜欢
vue3 数据可视化大屏 开发中，需要展示一些表格效果，今天整理渐变色背景滚动表格效果。
这里表格背景我们使用相对定位的方式将背景模块放在表格后面。来达到渐变背景色的效果。
演示地址
使用组件
<template>
<div class="it...
yekong
2年前 (2023-04-17)
喜欢
数据可视化大屏 项目开发中经常会需要各种各样的边框，为了方便复用可能会出现的类似边框，这里将可能会遇到的 数据可视化大屏边框组件 都整理出来，今天整理的是渐变色加两个底角效果。
效果截图
演示地址：
vue3 数据可视化大屏边框组件-渐变色加两个底角效果
组件代码
<te...
yekong
2年前 (2023-04-15)
喜欢
数据可视化大屏 项目开发中经常会需要各种各样的边框，为了方便复用可能会出现的类似边框，这里将可能会遇到的 数据可视化大屏边框组件 都整理出来，今天整理的是四角边框效果。
效果截图
演示地址：
vue3 数据可视化大屏边框组件-四角边框
组件代码
<template>...
yekong
2年前 (2023-04-15)
喜欢
vue3 可视化数据大屏项目开发中，数据大屏ui界面会设置一些底座效果用来衬托数据，今天整理一下自己开发过的数据大屏实例。以便于后期会遇到类似效果可以直接复用。
组件使用到了数字滚动效果以及wowjs入场动画效果 。让页面看起来更灵动。
演示地址
vue3 底座效果实例
项目应...
yekong
2年前 (2023-04-03)
喜欢
element-plus Menu在使用的时候，我们需要点击菜单后跳转到对应的路由页面，并且默认展开当前路由所在的分组，以及记过当前所在的菜单
element-plus menu说明文档
激活路由模式
将:router="true"后，点击菜单就可以实现路由...
yekong
2年前 (2023-04-01)
喜欢
