dc-vue-waves
基于 waves 和 vue-waves,主要目前不支持 module.exports = 的引入方式,项目要用会引起抛错,懒得每次去改源文件~
安装
npm install --save dc-vue-waves
全局引入
import vWaves from 'dc-vue-waves'
Vue.use(vWaves, {
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