微信小程序瀑布流主要有两种方式，一种是人为分两栏，这种情况当要处理列表时，需要将数据分两列来显示，相对麻烦。

另一种则是使用 官方的方式，下面看代码：

wxml

<view class="content">
  <view class="item" wx:for="{{article_list}}">
    <image src="{{item.cover}}"  ></image>
  </view>
</view>

wxss

.content {
  -moz-column-count: 2; /* Firefox */
  -webkit-column-count: 2; /* Safari and Chrome */
  column-count: 2;
  -moz-column-gap: 20rpx; /* Firefox */
  -webkit-column-gap: 20rpx; /* Safari and Chrome */
  column-gap: 20rpx;
}

.item {
  overflow: hidden;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid; /* Safari and Chrome */
}

.item image {
  width: 100%;
}

注意，最后面的image一定要加，否则 图片显示不完整

看下效果：