使用场景
微信小程序模板中,for 循环展示一列元素。需要设置一个默认的 active 元素,默认是首个元素。样式上通过添加 active class 进行突出显示效果。
实现方法
利用 js 的三元运算符
<view class="subject {{ cur_index == index ? 'active' : ''}}"
wx:for="{{ items }}" wx:for-index="index" wx:for-item="item">
{{ item }}
</view>
微信关注我哦 👍
我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式