1.安装

 npm install vue-waves-effect --save

2.在main.js中引入

import Waves from 'vue-waves-effect';
import 'vue-waves-effect/dist/vueWavesEffect.css';
Vue.use(Waves);

3.在需要的地方使用

<template>
  <el-button type='primary' v-waves></el-button>
</template>

这样当你点击按钮的时候就会出现水波纹一样的效果，是不是特别简单

2019-11-05
水波纹，interpolator加速器属性值 ------- 水波纹效果实现：点击水波纹效果：只有android...
2019-09-25
ImageButtom 实现点击水波纹效果和图标切换一个简单的点击效果：一：水波纹的实现 5.0以上bu...
动画组件
用vue自带的实现过渡效果利用 CSS 过渡或者动画来实现利用 JavaScript 的钩子函数...
android splash动画效果
本项目是实现第一次进入项目后，开启旋转酷炫效果，分散，水波纹等球体酷炫效果，接着进入下一页面。由于实现起来简单...
水波纹效果
效果图水波纹.gif 实现代码 Demo地址
css按钮点击水波纹效果
利用伪元素:after绘制水波纹，此处的水波纹效果使用了css函数radial-gradient(径向渐变[htt...
android水波纹点击效果的实现
效果图：前言：最近使用BRVAH简单了解了一下水波纹效果的实现，谷歌在android5.0以后加入了水波纹的属...
element框架代码折叠，隐藏代码显示代码的效果实现
这种效果实现的原理其实就是改变元素的高度。我在vue 项目中利用mixin混入请看代码如下当然还需要创建一个功能...
前端HTML5移动端实现原生上滑框效果
实现效果先上图说明一下实现的效果，如下面动图：前言效果实现代码建立在vue项目工程之上，但是具体实现原理通用...
移动端Canvas手写签名
效果图基于vue,可以保存上传项目地址 vue-signature 实现 1.canvas画图,参考 jrain...