一个vue自定义指令,实现按钮点击水波纹效果
npm i -S ace-vue-waves
然后在main.js里
import Vue from 'vue';
import aceVueWaves from 'ace-vue-waves';
Vue.use(aceVueWaves);
默认:
{
type: 'hit',
color: 'rgba(0, 0, 0, 0.15)'
}
<button v-waves>ace-vue-Waves</button>
<button v-waves="{ type: 'center', color: '#fff' }">ace-vue-Waves</button>