📜  Framework7-纹波

📅  最后修改于: 2020-10-25 03:01:52             🧑  作者: Mango


描述

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

涟漪元素

您可以启用涟漪元素以匹配某些CSS选择器,例如-

  • 波纹
  • 一条链接
  • 项目链接
  • .button
  • .tab链接
  • .label-radio
  • .label-checkbox等

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

波纹波颜色

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

例如-

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

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

禁用波纹元素

您可以通过将no-ripple类添加到这些元素来禁用某些指定元素的波动。例如-