vue-waves

A Vue.js version of waves based on https://github.com/fians/Waves.

How to Use

SetUp

npm install vue-waves

then in the js file

var Vue = require('vue')
var VueWaves = require('vue-waves');
 
Vue.use(VueWaves);

Config

Vue.use(VueWaves, {
  name: 'waves'   // Vue指令名称
  duration: 500,  // 涟漪效果持续时间
  delay: 200      // 延时显示涟漪效果
})

Usage

<button v-waves.button>Vue-Waves</button>

Vue directive:

v-waves.button  按钮
v-waves.circle  圆形
v-waves.block   块
v-waves.float   阴影效果
v-waves.light   亮色涟漪
v-waves.classic ??

Demo:

git clone https://github.com/Teddy-Zhu/vue-waves.git
open vue-waves/demo/index.html