WXOPEN Club

点击效果hover-class的嵌套

发布于 8 年前作者 jietan5906 次浏览最后编辑 8 年前来自 ask

WXOPEN Club 内容图片
<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 回复
qiufang
qiufang1 楼6 年前

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

uyin
uyin2 楼6 年前

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

pcai
pcai3 楼6 年前

嵌套出现问题，内部组件不出效果， 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属性不起作用

chao85
chao854 楼6 年前

一个月过去了，不知是否有解决方案？