it's a vuejs version of waves
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
dist
.babelrc
.gitignore
.jshintrc
LICENSE
README.md update README Mar 30, 2018
index.js
package-lock.json update packages Mar 30, 2018
package.json
waves.css
waves.js Improve vue-waves Oct 19, 2016
webpack.config.babel.js

README.md

vue-waves

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

How to Use

SetUp

npm i -S vue-waves

then in the js file

import Vue from 'vue';
import VueWaves from 'vue-waves';

Vue.use(VueWaves);

Config

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

Usage

<button v-waves.button>Vue-Waves</button>
<i class="fa fa-times" v-waves.circle></i>

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

Contributes

$ npm i
$ npm run build