遍历数组时的小问题

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;
}
上一篇 下一篇

猜你喜欢

热点阅读