Ionic2 离子2-纹波效应

Ionic2 离子2-纹波效应,ionic2,Ionic2,我想给卡片的标题添加一个涟漪效果,因为它是可触摸的。不过我不想把它做成按钮,因为 CSS会有点奇怪,因为我想用它做一些定制的事情 它实际上并不代表它的语义 所以,我的问题是,我正在为这类事情制定一个指令。如何在单击/点击时手动添加涟漪效应 谢谢 您可以安装爱奥尼亚ripple,并将其附加到任何您希望对其产生影响的元素上 在阅读了ionic 2的源代码之后,我发现您可以将“tappable”属性添加到希望产生效果的DOM中,然后将元素附加为目标DOM的子节点。确保目标DOM具有样式positi

我想给卡片的标题添加一个涟漪效果,因为它是可触摸的。不过我不想把它做成按钮,因为

  • CSS会有点奇怪,因为我想用它做一些定制的事情
  • 它实际上并不代表它的语义
所以,我的问题是,我正在为这类事情制定一个指令。如何在单击/点击时手动添加涟漪效应


谢谢

您可以安装
爱奥尼亚ripple
,并将其附加到任何您希望对其产生影响的元素上


在阅读了ionic 2的源代码之后,我发现您可以将“tappable”属性添加到希望产生效果的DOM中,然后将元素
附加为目标DOM的子节点。确保目标DOM具有样式
position:relative;溢出:隐藏

另一种方法是向目标DOM添加两个
离子按钮clear
属性。这种方式还需要修改样式


这是针对Ionic 1的,如自述文件所示。不过,我会在有时间的时候测试一下。谢谢你的回答!可能重复的