收藏
回答

点击效果hover-class的嵌套

问题模块
API和组件


<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上只有点击的这层有效果


最后一次编辑于  2017-05-25
回答关注问题邀请回答
收藏

4 个回答

  • 大老粗
    大老粗
    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属性不起作用

    09-20
    赞同
    回复
  • 小程序技术专员-LastLeaf
    小程序技术专员-LastLeaf
    2017-07-26

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

    2017-07-26
    赞同
    回复 3
    • Marvin
      Marvin
      07-31
      两年过去了,请问现在解决了吗?
      07-31
      回复
    • 小程序技术专员-LastLeaf
      小程序技术专员-LastLeaf
      07-31回复Marvin
      请参考部分组件的 hover-stop-propagation 属性。
      07-31
      回复
    • Marvin
      Marvin
      07-31回复小程序技术专员-LastLeaf
      好的,谢谢。回复这么快,没有想到啊
      07-31
      回复
  • liu志远
    liu志远
    2017-07-26

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

    2017-07-26
    赞同
    回复
  • 小程序技术专员-LastLeaf
    小程序技术专员-LastLeaf
    2017-06-20

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

    2017-06-20
    赞同
    回复