小程序商城瀑布流商品展示实现

现在小程序商城越来越多，通常的商城中，商品展示都是那种常规的两列规则展示，但是现在越来越多的应用开始采用瀑布流的方式来展示商品，商品的图片高度不定，商品根据图片容器大小，自由排列，依次下排。
今儿，小圣贤君就为大家讲解一下，如何在小程序中实现瀑布流形式展示商品。
一般页面中商品会显示两列，通过接口拿到数据后，判断现有的两列的长短，将商品加入到列高较短的那一列中，如何判断两列的高低呢？
其实很简单，直接根据图片的高度来判断就可以。
假设有所有的数据都放在activitys这个数组中，那么activitys1代表存放第一列的数组，activitys2边存放第二列的数组。
在页面中创建一个隐藏的view，循环出所有的图片，类似下面的代码

<view style='display: none;'>
    <image wx:for="{
   
   {
   
   activitys}}" wx:key=