遍历数组时的小问题
2020-05-31 本文已影响0人
一枚小菜
之前遍历数组碰到一行4个且有边框的时候,都是设置每个宽度大概24.8%然后微调,但是总是不能做的很美观,其实只要包一层view每个固定25%再遍历
当遍历数组一行固定个数且有边框或间距时,我们可以用一个view包住每一项,并设置百分百的宽度,然后遍历即可
<view style="width:25%" wx:for="{{categorylist}}" wx:for-item="item" wx:for-index="index">
<view class="con1">
<image src="{{item.img}}"></image>
<text>{{item.title}}</text>
</view>
</view>
</view>
.con .con1 {
border-right: 1rpx solid #ddd;
border-bottom: 1rpx solid #ddd;
display: flex;
flex-direction: column;
text-align: center;
}