+
+ 波纹(Ripple)
+
+ 组件中的波纹
+
+
+ Default
+ Primary
+ Success
+ Info
+ Warning
+ Danger
+
+
+ 卡片
+
+
+
+ 只要在组件或HTML元素上使用v-ripple指令,就可以启用基本的ripple功能
+
+
+ HTML元素
+
+
+ 行内元素需要添加display: block或display: inline-block才能生效
+
+
+
+ 当使用v-ripple.center时,将始终从目标的中心处产生波纹
+
+
+ 始终从中心触发波纹
+
+
+
+ 使用v-ripple="{ class: '' }"添加类来自定义波纹颜色,支持tailwindcss
+
+
+
+ 自定义波纹颜色
+
+
+