css 瀑布流

时间：2021-07-13 15:01:58 收藏：0 阅读：8


.waterfall{
  margin:0 20rpx;
  column-count: 2;
  .waterfall-item {
    margin-bottom: 15rpx;
    //break-inside: avoid;
  }
  .waterfall-img {
    width: 100%;
  }
}

<view class="waterfall">
  <view class="waterfall-item" v-for="(item, index) in likeList" :key="index">
    <image :src="getImageUrl(item.image_vertical)" mode="widthFix" class="waterfall-img"></image>
  </view>
</view>

原文：https://www.cnblogs.com/anans/p/15006131.html