一个纷飞效果的动画,可以给某些按钮做图标,当按钮被点击后,就触发这个动画。看起来一定很带劲.
效果预览
git地址
纷飞效果动画
...
yekong
2年前 (2022-08-20) 570℃
0喜欢
通过3个div的叠加外,使用js控制div显示隐藏来达到类似爆炸一样的视觉效果。
推荐使用lottie实现方式
lottieweb 爆炸效果动画收藏
实际项目
在实际项目中的运行效果-vue数据可视化大屏外包实例-重要目标预警与智慧分析系统
代码
<template&...
yekong
2年前 (2022-08-20) 1376℃
0喜欢
记得之前有个页面要做爆炸效果,当时是通过css加js实现的效果并不流畅,今天看到一个效果很好的lottieweb动画 记录一下。
效果预览
css js 动画效果
css js 动画效果
git地址
爆炸动画
...
yekong
2年前 (2022-08-20) 806℃
0喜欢
最近需要一个组件将接口返回的数据导出为Excel,将实现过程记录一下,并进行封装,以达到开箱即用,节省开发时间。
首先安装依赖
npm i file-saver --save
npm i xlsx --save
npm i script-loader --save
使用组件
/...
yekong
2年前 (2022-08-20) 852℃
1喜欢
安装依赖
首选需要安装城市数据依赖
cnpm install element-china-area-data -S
说明
provinceAndCityData是省市二级联动数据(不带“全部”选项)
regionData是省市区三级联动数据(不带“全部”选项)
province...
yekong
2年前 (2022-08-18) 1440℃
0喜欢
最近看前端技术文章的时候,偶然看到了一款插件TinyLayer,想到element ui弹窗自定义的困扰时,就试了一下这款插件,感觉很不错,记录收藏下来。
组件安装和引入
npm install tinylayer -S
// main.js 中引入并注册
import Vu...
yekong
2年前 (2022-08-17) 842℃
1喜欢
vue项目开发中,经常会遇到消息通知,但是这些消息通知,element ui的消息通知组件message就基本满足了我们的需要。但是有些项目的消息通知组件要求比较奇特,比如部分页面的消息样式和另外一部分的消息样式不一样。这就需要我们自己来写一个全局的消息提示组件满足我们独特的需要...
yekong
2年前 (2022-08-16) 1335℃
4喜欢
vue 数据大屏案例 安全预警系统开发时,vue数据需要存储在本地,避免刷新后导致数据丢失。
使用插件
安装依赖
npm install --save vuex-persist
or
yarn add vuex-persist
引入依赖
import VuexPersisten...
yekong
2年前 (2022-08-15) 669℃
0喜欢
vue项目开发时,需要在发送验证码前,先做一个滑动验证,验证通过后才可以发送验证码,于是github上搜索,找到了一款符合自己需要的插件。
插件地址
插件地址
安装依赖
npm i vue-drag-verify-img -S
插件使用
/**
* @Author: 8588...
yekong
2年前 (2022-08-15) 673℃
0喜欢
vue项目开发时,需要消息提示位置自定义,如果直接修改element ui的message弹窗很多地方局限性很多,所以按照自己的想法自己手写了一个,调整起来也方便。
组件使用
<message ref="message"></message...
yekong
2年前 (2022-08-14) 860℃
0喜欢