水波纹动画

引入

import { Ripple } from '@huteming/ui'

Vue.use(Ripple)
// Vue.directive(Ripple.name, Ripple)

例子

为 HTML 元素添加 v-ripple 指令即可使用动画

<div style="position: relative;" v-ripple>...</div>

API

| 参数 | 说明 | 类型 | 可选值 | 默认值 | |------|-------|---------|-------|--------| | color | 水波纹颜色 | String | | rgba(255, 255, 255) | | opacity | 透明度 | Number | | 0.3 | | center | 水波纹起始位置固定为中心。一般用于圆形按钮 | Boolean | | false | | disabled | 禁用。支持动态更新 | Boolean | | false |