vue2 element ui table表格渲染数据时，需要渲染两级表格，先渲染一级表格，然后展开下拉后，再渲染二级表格。
<el-table
ref="singleTable"
:data="list"
b...
yekong
5个月前 (11-28) 205℃
0喜欢
vue2项目需要使用element ui table的功能，但是需要修改样式，这里将实现方式记录下来。
<div class="table-container-case">
<el-table
ref="...
yekong
5个月前 (11-28) 153℃
0喜欢
数据大屏开发中，需要监听实时消息，消息是使用的，最新的项目中获取ws数据的方法：vue项目中请求WebSocket获取数据
公共方法
function getSocket(url, params, callback) {
let socket;
if (typeof (...
yekong
6个月前 (10-17) 1781℃
0喜欢
数据可视化大屏 项目开发中，会添加动画来点缀页面，有些可以通过css来实现动画，有些图片序列帧动画，序列帧动画可以通过css+雪碧图的方式来实现，也可以通过js的方式来实现，今天是使用canvas+js来实现。
组件使用
/**
* @Author: 858834013@qq.c...
yekong
7个月前 (09-26) 1090℃
0喜欢
数据可视化大屏项目开发中，登录页需要一个验证码发送功能，这里我们来实现这个功能。
使用
<captcha :phone="phone"></captcha>
创建组件captcha
组件接收电话号码，使用label来显示获取验证码，...
yekong
7个月前 (09-22) 325℃
0喜欢
vue3数据可视化大屏项目开发中，需要一个24小时时间段，时间段可以点击选择，可以多选以用来记录时间段。
通过鼠标可以选择时间点，点击保存后可以将数据通过localStorage缓存到本地。
效果截图
演示地址
vue3实现时间段布防时间效果
项目应用
视频监控智能分析系统
部...
yekong
8个月前 (09-11) 295℃
0喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3数据可视化大屏顶部组件 - 医疗体检健康可视化数据。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续...
yekong
8个月前 (08-29) 365℃
0喜欢
vue3 数据可视化大屏 中，经常会需要各种效果的表格，这里将各种表格效果整理在一块，方便复用。
10 斑马线装饰表格
9 表格效果
表头和表列表两侧各有两个三角装饰图标。
8 仿3d表格效果
组件代码
vue3 仿3d表格效果
由背景图片进行装饰，让表格看起来有3d的感觉。...
yekong
8个月前 (08-29) 1823℃
3喜欢
vue3 数据可视化大屏 开发中，需要展示一些表格效果，今天整理 vue3 仿3d表格效果。
通过使用flex控制宽度，通过Vue3SeamlessScroll实现列表滚动，根据状态字段显示不同的label样式。
部分代码
<template>
<div...
yekong
8个月前 (08-29) 494℃
0喜欢
vue 数据可视化大屏 项目中，按照效果图，需要实现一组气泡效果，气泡内有数字以及标题。
这里我们需要实现这里出气泡的大小，位置以及气泡的颜色等信息。将气泡渲染出来后，为了让页面看起来更生动，我们使用gsap来给组件添加一个上下轻微晃动的效果。
效果截图
效果动画
组件代码
...
yekong
10个月前 (07-14) 713℃
1喜欢
