- 需求的场景描述(希望解决的问题) wx:for 筛选数据展示后 实现奇偶行不同样式
- 希望提供的能力
wx:for 数据命中计数,非wx:for-index
<block wx:for="{{goodsItem}}" wx:for-index="idx" wx:key="id" wx:for-item="good">
<view wx:if="{{good.classid==classSelect||classSelect==0}}" class="goodLine line{{idx%2==0?'a':'b'}} bindtap="showEditGoodBar" id="{{good.id}}">
<text class="title">{{good.gname}}</text>
<view class="info">{{good.gprice*0.01}}元 / {{goodsUnit[good.unitid-1].text}}
</view>
</view>
</block>
试一下css 的伪类选择器:奇偶 .class:nth-child(2n+1){},代码片段中是根据当前类与商品的类目对比,相同的显示,商品的下标是在goodsItem中的下标,所以是错误的
这个有效,谢谢
.line{
background-color:#eee;
}
.line:nth-child(2n+1){
background-color:#fff;
}
谢谢!
为什么index不行?
可以的啊,用你提供的代码片段打开都是有不同样式的啊
换个类,如果相邻两个物品都是偶数或者奇数行,就有问题了
现在看到啤酒是好的,是因为有个商品被推荐了,排序变化
哦哦,我明白你的意思了,你用了wx:if ,那么其实有可能index2和index4会在一起,这样的话你就只能通过class去控制了,不能用index
.line{
background-color:#eee;
}
.line:nth-child(2n+1){
background-color:#fff;
}
这样解决了