<view
class="data-box {{day === (index+1)?'data-box-ativce':''}}" hover-class="data-box-ativce"
hover-stay-time="100"
wx:for="{{monthDay}}"
wx:key="index"
data-day="{{index+1}}"
bind:tap="selectDay">
<view class="number">{{day === (index+1)}}</view>
<t-icon class="" name="microphone-2" size="25rpx" data-name="{{item}}" />
</view>
这里我不贴js了,你只需要保证你的data中的值能够改变成功,我上面的 day 值,点击后是肯定改变了,至于data-box-ativce绑定不成功,是因为添加了hover-class,因为它的基本原理是,悬停时添加data-box-ativce,当你松开时会帮你移除掉data-box-ativce这个类型,所以才会导致,你悬停点击时能够显示样式,松开后不能达到预期效果了。
修改:只需要避免绑定的class和hover-class的类名不一样就行了(貌似修改后感觉hover-class加不加无所谓了,看不出又太大的区别)
小贴士:感觉了hover-class不生效了,不要担心,你只需要将两个的样式修改成不一样就可以看出hover-class还是生效的,如果样式一样看不出区别。