Vue波纹动画组件（v-wave）

 website 下载

介绍

功能齐全的Material Design波纹点击动画实现，可以轻松用作Vue.js程序上。

使用方法

1.导入v-wave。

import Vue from 'vue'
import VWave from 'v-wave'

2. 注册v-wave

// register
Vue.use(VWave)

// for nuxt.js
export default {
  modules: ['v-wave/nuxt']
}

3. 将material波纹效果附加到元素上。

<button v-wave>Click me!</button>

4. 所有配置项。

Vue.use(VWave,{
  directive: 'wave',
  color: 'currentColor',
  initialOpacity: 0.2,
  finalOpacity: 0.1,
  duration: 0.4,
  easing: 'ease-out',
  cancellationPeriod: 75
})