Vuetify

商店

企业版

v-ripple 指令被用于显示用户的操作。它可以应用于任何块级元素。许多组件都带有内置的波纹指令,比如 v-btnv-tabs-item 等等。

只要在组件或 HTML 元素上使用 v-ripple 指令,就可以启用基本的波纹功能

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

您可以使用辅助器类改变波纹的颜色。

当使用 center 选项时,始终会从目标的中心处产生波纹。

有些组件提供了 ripple 属性,允许您控制波纹效果。 您可以使用 classcenter 选项关闭它或提供自定义行为。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!