vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理 vue3 带排名效果的滚动表格组件。
通过使用flex控制宽度,通过Vue3SeamlessScroll实现列表滚动,使用自定义图标来实现排名表格效果。
演示地址
使用组件
<template>
...
yekong
2年前 (2023-04-17)
喜欢
vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理滚动表格效果。
通过使用flex控制宽度,通过Vue3SeamlessScroll实现列表滚动.
演示地址
使用组件
<template>
<div class="itemBody...
yekong
2年前 (2023-04-17)
喜欢
可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理驻马店市平舆县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
平舆县,隶属于河南省驻马店市,位于驻马...
yekong
2年前 (2023-04-17)
喜欢
vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理渐变色背景滚动表格效果。
这里表格背景我们使用相对定位的方式将背景模块放在表格后面。来达到渐变背景色的效果。
演示地址
使用组件
<template>
<div class="it...
yekong
2年前 (2023-04-17)
喜欢
数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理驻马店市上蔡县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
上蔡县,隶属 河南省 驻马店市 。地处河南省东南部,驻马...
yekong
2年前 (2023-04-17)
喜欢
tweenjs 与 gsap补间动画 插件类似,使用前先要安装依赖
安装依赖
pnpm i @tweenjs/tween.js
参数说明
start
方法接受一个参数 time。如果你使用它,那么补间不会立即开始,直到特定时刻,否则会尽快启动(即在下次调用 TWEEN.upda...
yekong
2年前 (2023-04-17)
喜欢
vue数据大屏案例中台数据驾驶舱,数据可视化大屏项目,左右侧菜单可展开收缩,各种类型的图表,可以实现拖动排序。
开发环境
vue2
nodejs v14
分辨率
1920*1080
其他特点
页面随屏幕大小自适应
可以进行菜单拖动
演示地址
演示地址:数据可视化大屏 数据驾驶舱
...
yekong
2年前 (2023-04-16)
喜欢
数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理驻马店市西平县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
西平县隶属 河南省 驻马店市,地处河南...
yekong
2年前 (2023-04-16)
喜欢
数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理驻马店市驿城区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
驿城区,隶属于河南省驻马店市,是驻马店...
yekong
2年前 (2023-04-16)
喜欢
随着项目框架想着vue3转移,一些依赖的插件也发生了变化,以前使用的是vuex,最近改为了pinia组件,一些写法不清楚咋写的,需要梳理一下。习惯了vue2的写法,虽然框架改为了vue3很多写法还是沿用的vue2.
安装依赖
pnpm i pinia
创建store.js
im...
yekong
2年前 (2023-04-16)
喜欢