微信小程序瀑布流如何实现

微信小程序可以使用 `scroll-view` 和 `view` 组件实现瀑布流布局。下面给出一个简单的实现步骤：

1. 在 `scroll-view` 中设置 `scroll-y` 属性为 `true`，表示纵向滚动。

2. 在 `scroll-view` 中使用多个 `view` 组件作为瀑布流布局的列，每个 `view` 组件需要设置 `width` 和 `float` 属性。

3. 在 `view` 组件中使用 `wx:for` 循环渲染商品列表，根据每个商品的高度和列的高度来动态计算商品应该放在哪一列。

4. 监听 `scroll-view` 的 `scrolltolower` 事件，当滚动到底部时加载更多商品数据。

实现上述步骤的代码可以参考下面的示例：

<scroll-view scroll-y="true">
  <view class="column" style="width: 50%; float: left;" id="column1">
    <view wx:for="{{goodsList1}}" wx:key="index">
      <!-- 商品渲染代码 -->
    </view>
  </view>
  <view class="column" style="width: 50%; float: left;" id="column2">
    <view wx:for="{{goodsList2}}" wx:key="index">
      <!-- 商品渲染代码 -->
    </view>
  </view>
</scroll-view>

需要注意的是，上述示例中的 `goodsList1` 和 `goodsList2` 需要通过一个算法计算出每个商品应该放在哪一个列中，并动态更新数据。

另外，为了保证瀑布流布局的效果，每个商品的高度应该尽量保持一致，如果出现高度差异较大的情况可以使用 `wx.createSelectorQuery()` 来动态获取每个商品的高度并进行调整。