Material波纹(Ripples)

Material波纹效果可以通过v-rippleQuasar指令轻松添加到任何DOM元素(或组件)。

WARNING

请勿在已经有Material波纹的组件上使用此指令(例如:QBtn)。 而是通过这些组件的ripple属性配置内部纹波。

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

WARNING

确保您的DOM元素或组件具有附加的CSSposition: relative或Quasar CSS辅助类relative-position

Basic

默认情况下,Material波纹采用文本的CSS颜色,但您可以对其进行配置:

Colored

您还可以配置纹波是否总是从中心开始,而不管接触点如何:

Positioning

如果由于某种原因需要禁用纹波,可以为指令分配一个布尔值:

Disable

API

Loading API...
Please wait...