首页 新闻 搜索 专区 学院

小程序点击切换样式

0
悬赏园豆:5 [待解决问题]


通过下标来判断是否点击的是当前项,是的话我就添加一个样式,不是的话就取消样式,但是添加样式后我再点击的话不会取消,有大哥可以指点一下吗

小白萝卜呀的主页 小白萝卜呀 | 初学一级 | 园豆:6
提问于:2021-02-26 20:55
< >
分享
所有回答(1)
0

给这四个 view 的 class 改成判断形式,比如当 index === 0 或者 1 或者 2 或者 3 的时候生效

<view class="{{index === 0 ? 'triangledown' : 'triangle'}}"></view>
<view class="{{index === 1 ? 'triangledown' : 'triangle'}}"></view>
<view class="{{index === 2 ? 'triangledown' : 'triangle'}}"></view>
<view class="{{index === 3 ? 'triangledown' : 'triangle'}}"></view>

然后你 tabs 里面只需要改变 index 的值就可以了

tabs(e) {
  this.setData({
    index: e.currentTarget.dataset.id
  })
}
by.Genesis | 园豆:2302 (老鸟四级) | 2021-03-02 14:03
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册