vue3 数据大屏 项目开发中，需要弹窗组件，这里我们整理弹窗组件，并通过gsap补间动画给弹窗添加入场动画以及离场动画。
弹窗效果
弹窗动画：
展开动画：从中间缓慢向上下两边展开；
收缩动画：从上下两边向中间收缩隐藏。
效果截图
演示动画
组件代码
<template...
yekong
1年前 (2023-11-29)
喜欢
CSS的z-index属性的最大层级是±2147483647。这意味着你可以将z-index设置为任何介于-2147483647和2147483647之间的整数。然而，实际上在大多数情况下，你可能不需要使用这么大的z-index值。在CSS代码库中，你通常会看到z-index值为...
yekong
1年前 (2023-11-29)
喜欢
echarts大屏项目开发中，需要实现一个功能，饼状图点击扇形区域后对应的自定义lengend高亮，点击自定义lengend后，对应的扇形区域高亮。
动态效果
echarts相关代码
<template>
<div class="echarts...
yekong
1年前 (2023-11-29)
喜欢
echartrs 使用symbol自定义图标样式
代码
<template>
<div class="echarts1" ref="echarts">
</div>
</template...
yekong
1年前 (2023-11-28)
喜欢
数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理荆门市沙洋县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
沙洋县位于中国湖北省中部，隶属于荆门市。该县地...
yekong
1年前 (2023-11-28)
喜欢
vue2 element ui table表格渲染数据时，需要渲染两级表格，先渲染一级表格，然后展开下拉后，再渲染二级表格。
<el-table
ref="singleTable"
:data="list"
b...
yekong
1年前 (2023-11-28)
喜欢
vue2项目需要使用element ui table的功能，但是需要修改样式，这里将实现方式记录下来。
<div class="table-container-case">
<el-table
ref="...
yekong
1年前 (2023-11-28)
喜欢
vue2项目中跨组件传值会不方便，这里使用Vuex来获取更新特定的值。
首先安装依赖
pnpm i vuex
项目目录创建store文件夹并创建index.js
src/store/index.js
import Vue from 'vue'
import Vuex from ...
yekong
1年前 (2023-11-27)
喜欢
Glide.js 介绍
Glide.js 是一个轻量级、灵活且可定制的 JavaScript 轮播库。它使用了纯 JavaScript 编写，不依赖任何第三方库，因此在许多项目中都可以轻松集成。Glide.js 提供了许多选项和方法，可以让你轻松地创建和控制轮播。
特点
灵活性...
yekong
1年前 (2023-11-27)
喜欢
可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理荆门市掇刀区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
掇刀区是湖北省荆门市的一个区，东北与钟祥...
yekong
1年前 (2023-11-27)
喜欢
