Framework7 - 触摸波纹

---

描述

触摸波纹是仅在 Framework7 材质主题中支持的效果。默认情况下，它在材质主题中启用，您可以使用materialRipple:false参数禁用它。

波纹元素

您可以启用波纹元素来匹配某些 CSS 选择器，例如 -

• 波纹
• 一条链接
• a. 项目链接
• 。按钮
• .tab 链接
• .label-radio
• .label-checkbox 等

这些在materialRippleElements参数中指定。您需要启用触摸波纹，将元素的选择器添加到materialRippleElements参数以使用波纹效果，或者仅使用波纹类。

波纹颜色

通过向元素添加ripple-[color]类，可以更改元素上波纹的颜色。

例如 -

<a href = "#" class = "button ripple-orange">Ripple Button</a>

或者您可以使用 CSS 定义波纹颜色，如下所示 -

.button .ripple-wave {
   background-color: #FFFF00;
}

禁用波纹元素

您可以通过向某些指定元素添加无波纹类来禁用这些元素的波纹。例如 -

<a href = "#" class = "button no-ripple">Ripple Button</a>