flex布局

 <view class="recommendImgBox" >

        <image class="recommendImg" v-for="(item,index) in userData.pictureList" :key="index" :src="item"></image>

 </view>

.recommendImgBox{

  display: flex;

  flex-wrap: wrap;

}

.recommendImg{

  width: 220rpx;

  height: 226rpx;

  margin-bottom: 10rpx;

}

.recommendImg:not(:nth-child(3n)) {

    margin-right: calc(3% / 2);

}