vue-waves-button v1.0.4

vue-waves

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

How to Use

SetUp

npm install vue-waves-button

then in the js file

import Vue from 'vue';
import VueWaves from 'vue-waves-button';
import 'vue-waves-button/waves.css';

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 ??

Source

vue-waves;