水波纹动画
引入
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 |