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转移，一些依赖的插件也发生了变化，以前使用的是vuex，最近改为了pinia组件，一些写法不清楚咋写的，需要梳理一下。习惯了vue2的写法，虽然框架改为了vue3很多写法还是沿用的vue2.
安装依赖
pnpm i pinia
创建store.js
im...
yekong
2年前 (2023-04-16)
喜欢
数据可视化大屏 项目开发中经常会需要各种各样的边框，为了方便复用可能会出现的类似边框，这里将可能会遇到的 数据可视化大屏边框组件 都整理出来，今天整理的是渐变色加两个底角效果。
效果截图
演示地址：
vue3 数据可视化大屏边框组件-渐变色加两个底角效果
组件代码
<te...
yekong
2年前 (2023-04-15)
喜欢
数据可视化大屏 项目开发中经常会需要各种各样的边框，为了方便复用可能会出现的类似边框，这里将可能会遇到的 数据可视化大屏边框组件 都整理出来，今天整理的是四角边框效果。
效果截图
演示地址：
vue3 数据可视化大屏边框组件-四角边框
组件代码
<template>...
yekong
2年前 (2023-04-15)
喜欢
最近有一个数据可视化大屏开发，需要一个动画效果。列表环绕旋转动画效果。这个效果和上一个效果gsap补间动画环绕运行效果比较类似，只不过上一个效果是单个组件实现动画，当前效果是多个组件实现动画。客户看了以后增加了一项要求，就是动画中的两行高度是不一样的，上面的高一些，下面的矮一些，...
yekong
2年前 (2023-04-14)
喜欢
之前我们通过 gsap 补间动画 插件实现了 gsap 补间动画列表环绕旋转动画效果，客户看了以后增加了一项要求，就是动画中的两行高度是不一样的，上面的高一些，下面的矮一些，这就需要我们对代码进行调整了。
效果演示
效果要求：
列表上下两种高度，上面的占比60%下面的占比40...
yekong
2年前 (2023-04-14)
喜欢
vue3数据大屏开发时，为了让页面更酷炫，会增加很多动画效果，这一次我们使用 gsap补间动画 插件来实现一个4个角向中间汇聚的效果。
项目演示
vue3 数据可视化大屏智能科技登录页
效果描述
根据设计图来看当前边框有4个角标的效果，我们给这4个角标增加一个动画，从透明到不透...
yekong
2年前 (2023-04-14)
喜欢
vue 数据可视化大屏开发中，因为大屏都是一个一个的模块组成，除了实现效果外，我们还需要考虑组件的可移植性和复用性，避免因为数据导致组件使用混乱。尽可能做到组件拿来即用。
请求接口
首先组件封装，当前组件我们只做一件事请求接口，把接口的数据传给echarts子组件。
<te...
yekong
2年前 (2023-04-10)
喜欢
