vue3 数据可视化大屏 项目开发时,经常会遇到table效果,但是限于页面大小,table的数据并不能完全的显示出来,这就需要让table滚动起来,之前使用vue2已经实现过了类似的效果,vue table组件结合vue-seamless-scroll实现滚动,这次是使用的vu...
yekong
1年前 (2023-03-02) 854℃
0喜欢
vue3实现鼠标拖动横向滚动,vue数据大屏开发,客户要求列表可以横向拖动,这里使用的better-scroll插件来实现自己想要的效果。
演示demo:vue3数据可视化大屏-科技管理大屏案例演示
/**
* @Author: 858834013@qq.com
* @Name...
yekong
1年前 (2023-03-01) 1280℃
0喜欢
vue 数据可视化大屏 项目中要求列表可以自动滚动,之前使用的Vue2已经实现过了,vue 结合vue-seamless-scroll实现列表滚动,不过这个项目使用的是vue3+vite之前的组件可能无法使用,所以专门找了一个vue3的无缝滚动组件。
演示demo:vue3数据可...
yekong
1年前 (2023-03-01) 2430℃
0喜欢
数据可视化大屏 项目中很多地方都需要数字展示,为了不让页面看起来单调,数字经常需要添加一些滚动的动画效果。这里使用的vue3之前的组件不好用了,所以从新找了一个在vue3环境下可以用的组件。
安装依赖
npm install vue3-number-roll-plus --sav...
yekong
1年前 (2023-02-21) 1559℃
0喜欢
在vue数据大屏开发中,经常会出现为了装饰而有很多异形头部,比如vue数据大屏 采油厂风险管控系统这个项目,里面有很多异形头部图,就像下面的截图,长得很像但是长度又不一样的,当时为了切这些地方切出来好多个很相似但是宽度又不同的图片,页面稍微调整宽度,这些位置就会轻微变形。
通过将...
yekong
1年前 (2023-01-31) 622℃
0喜欢
在vue数据大屏开发中,经常会出现为了装饰而有很多异形头部,比如vue数据大屏 采油厂风险管控系统这个项目,里面有很多异形头部图,就像下面的截图,长得很像但是长度又不一样的,当时为了切这些地方切出来好多个很相似但是宽度又不同的图片,页面稍微调整宽度,这些位置就会轻微变形。
所以...
yekong
1年前 (2023-01-30) 612℃
0喜欢
vue数据大屏项目开发时,经常会遇到为了装饰元素会在四个角增加一些不一样的装饰,但是每次都要写一遍太麻烦了,所以抽离出来给div的四个角增加图片模板作为一个组件。让四角添加起来更方便。后面拿过来微调一下就可以直接使用了,不用再重复编写代码了。
使用时,父级需要添加positio...
yekong
1年前 (2023-01-30) 492℃
0喜欢
演示地址
效果演示地址
演示地址
安装依赖
npm install vue-marquee-component --save
引入
import Vue from 'vue';
import VueMarquee from 'vue-marquee-component';
V...
yekong
1年前 (2022-12-28) 578℃
0喜欢
更多进度条效果实例
vue 数据可视化大屏进度条效果实例
组件代码
/**
* @Author: 858834013@qq.com
* @Name: jindu
* @Date: 2022-11-30
* @Desc:
*/
<template>
<div...
yekong
1年前 (2022-11-30) 642℃
4喜欢
最近一个vue大屏项目用到了一个水桶的界面,要求水面有个增高的动画而不是固定死的,于是把实现效果记录一下。
/**
* @Author: 858834013@qq.com
* @Name: index
* @Date: 2022-11-30
* @Desc:
*/
<te...
yekong
1年前 (2022-11-30) 812℃
0喜欢