收藏
回答

点击效果hover-class的嵌套


<view wx:if="{{index<=3}}" class="comment-item"  hover-class="click" catchtap="onMsgClick">

    <view class="comment-user" hover-class="click" catchtap="onUserClick">{{cName}}</view>
    <view wx:if="{{comment.to}}" hover-class="click" class="comment-user " catchtap="onUserClick">{{nickName}}</view>
    {{descript}}

</view>

每次点击里层view时,外层view的hover-class 也会起作用 我想要的效果是点击在哪层view上只有点击的这层有效果


回答关注问题邀请回答
收藏

4 个回答

  • LastLeaf
    LastLeaf
    2017-07-26

    感谢关注。下次基础库发布时会提供解决方法。

    2017-07-26
    有用
    回复 3
    • 2019-07-31
      两年过去了,请问现在解决了吗?
      2019-07-31
      回复
    • LastLeaf
      LastLeaf
      2019-07-31回复
      请参考部分组件的 hover-stop-propagation 属性。
      2019-07-31
      回复
    • 2019-07-31回复LastLeaf
      好的,谢谢。回复这么快,没有想到啊
      2019-07-31
      回复
  • LastLeaf
    LastLeaf
    2017-06-20

    感谢反馈。这个问题我们会尽快给出解决方案。

    2017-06-20
    有用
    回复
  • 大老粗
    大老粗
    2019-09-20

    嵌套出现问题,内部组件不出效果, hover-stop-propagation 属性没问题

    代码如下:

    <view class="flex-wrp" style="flex-direction:row;">

    <view class="flex-item demo-text-1 flex-box" hover-class="demo-text-2">

    <view class="second demo-text-2" hover-class="demo-text-1" hover-stop-propagation></view>

    <view class="second demo-text-3" hover-class="demo-text-2"></view>

    </view>

    <view class="flex-item demo-text-2"></view>

    <view class="flex-item demo-text-3"></view>

    </view>

    说明:

    上面代码是在体验小程序的源码基础上更改的,在flex-item里追加了两个view,这两个view的hover-class属性不起作用

    2019-09-20
    有用
    回复
  • 神经蛙
    神经蛙
    2017-07-26

    一个月过去了,不知是否有解决方案?

    2017-07-26
    有用
    回复
登录 后发表内容