在vue数据大屏开发中，经常会出现为了装饰而有很多异形头部，比如vue数据大屏 采油厂风险管控系统这个项目，里面有很多异形头部图，就像下面的截图，长得很像但是长度又不一样的，当时为了切这些地方切出来好多个很相似但是宽度又不同的图片，页面稍微调整宽度，这些位置就会轻微变形。
所以...
yekong
2年前 (2023-01-30)
喜欢
vue数据大屏项目开发时，经常会遇到为了装饰元素会在四个角增加一些不一样的装饰，但是每次都要写一遍太麻烦了，所以抽离出来给div的四个角增加图片模板作为一个组件。让四角添加起来更方便。后面拿过来微调一下就可以直接使用了，不用再重复编写代码了。
使用时，父级需要添加positio...
yekong
2年前 (2023-01-30)
喜欢
演示地址
效果演示地址
演示地址
安装依赖
npm install vue-marquee-component --save
引入
import Vue from 'vue';
import VueMarquee from 'vue-marquee-component';
V...
yekong
2年前 (2022-12-28)
喜欢
更多进度条效果实例
vue 数据可视化大屏进度条效果实例
组件代码
/**
* @Author: 858834013@qq.com
* @Name: jindu
* @Date: 2022-11-30
* @Desc:
*/
<template>
<div...
yekong
2年前 (2022-11-30)
喜欢
最近一个vue大屏项目用到了一个水桶的界面，要求水面有个增高的动画而不是固定死的，于是把实现效果记录一下。
/**
* @Author: 858834013@qq.com
* @Name: index
* @Date: 2022-11-30
* @Desc:
*/
<te...
yekong
2年前 (2022-11-30)
喜欢
最近vue项目需要渲染3d模型，将实现效果记录一下，便于后续直接复用，代码来自于github
项目源地址
git源地址
安装依赖
npm i three --save
关键代码记录
<template>
<div ref='canvasGLTF' clas...
yekong
2年前 (2022-11-23)
喜欢
vue要求div进入到可视区域后，执行指定自定义动画效果。
/**
* @Author: 858834013@qq.com
* @Name: scrollingAnimation
* @Date: 2022-10-20
* @Desc:
*/
<template>
...
yekong
2年前 (2022-10-20)
喜欢
vue大屏开发 pc登录需要实现记住密码功能，想到以后也会用到这个功能，就把对应的逻辑代码封装为一个组件，到时候可以直接拿来用。
使用组件
vue2
<rememberPassword :username.sync="userName" :passwo...
yekong
2年前 (2022-10-02)
喜欢
vue项目外包开发时，banner是类似平行四边形和梯形的方式拼接切换的，研究了几种方式，最终感觉其中一个比较合适就选择了这一种。
/**
* @Author: 858834013@qq.com
* @Name: banner
* @Date: 2022-08-31
* @De...
yekong
2年前 (2022-08-31)
喜欢
vue项目开发时，要求一个类似手风琴的交互效果，但是自己并不擅长这一块，于是在github上搜索了一个相关的效果，最终找到一款比较符合的插件，再源插件的基础上，修改了一下，就可以用了。
源插件地址
源插件地址
使用到的插件
插件中使用到了@tweenjs/tween.js，对这...
yekong
2年前 (2022-08-29)
喜欢
