离子2 - 手动波纹效果

时间:2016-05-20 10:12:51

标签: ionic2

我想在卡片的标题中添加涟漪效果,因为它是可触摸的。不过,我不想把它作为按钮,因为

  • CSS会有点奇怪,因为我想用它做一些自定义的东西
  • 它并不真正代表它的语义。

所以,我的问题是,我正在为这类事创建一个指令。如何为点击/点击手动添加涟漪效果?

谢谢!

2 个答案:

答案 0 :(得分:0)

您可以安装ionic-ripple并将其附加到您希望对

产生影响的任何元素

https://github.com/DarrylD/ionic-ripple

答案 1 :(得分:-1)

在阅读了离子2的源代码之后,我发现你可以将'tappable'属性添加到想要产生效果的DOM中,然后将元素<div class="button-effect"></div>附加为目标的子节点DOM。确保您的目标DOM具有样式position: relative;overflow: hidden;the above method

另一种方法是将两个ion-button clear属性添加到目标DOM。这种方式也要修改风格。

the image show the element can get the given "active" style