微信小程序瀑布流自定义组件，2种写法

代码片段：‘https://developers.weixin.qq.com/s/to7eyxmv7Nuv’

第一种：递归方式，每次添加一个内容，就进行比较计算；

第二种：计算图片高度方式，一次性先计算完，然后在显示

注意滚动触底每次加载一页数据不用合并原先的数据。直接传递新加载数据就好
图示：

组件代码
wxml：

<scroll-view scroll-y="{
    {true}}" lower-threshold="{
    {200}}">
  <div class="activity_recommend">
      <div class="recommend_content clearfix">
          <!-- 瀑布流左边和右边 -->
          <view id="pro_l" class="pro_l">
              <view wx:for="{
    {productCon_l}}" wx:for-item="item" wx:for-index="ids" wx:key="item">
                    <view  class="recommend_item recom{
    {ids}}">
                        <navigator url="/pages/ucenter/myWorks/detail?id={
    {item.id}}" open-type="navigate"  hover-class='none'>
                          <image class="item-img" src="{
    {item.imgUrl}}" mode="widthFix"></image>
                        </navigator>
                        <block wx:if="{
    {isActive}}">
                            <view url="url" class="recommend_shopName">{
  {item.title}}</view>
                            <view wx:if="{
    {myCollection}}" class="recommend_shopper">
                                <view class="shopper_container">
                                    <image class="shopper_ava" src="{
    {item.headlogo}}"></image>
                                    <text class="shopperName">{
  {item.nickname}}</text>
                                </view>
                                <view class="loves_box">
                                    <view class='collect_icon'><image data-favoriteid="{
    {item.id}}" src="{
    {item.isFavorite?oncollect:collect}}" bindtap='collectGoodst'></image></view>
                                </view>
                            </view>
                            <navigator hover-class="none" url="/pages/ucenter/releaseWorks/releaseWorks?id={
    {item.id}}" wx:if="{
    {myworks}}" class="myworks">
                                <image src="{
    {iconedit}}" mode="widthFix"></image>
                                <text>编辑</text>
                            </navigator>
                        </block>
                  </view>
              </view>
          </view>
          <view id="pro_r" class="pro_r">
              <view wx:for="{
    {productCon_r}}" wx:for-item="item" wx:for-index="ids" wx:key="item">
                  <view  class="recommend_item recom{
    {ids}}">
                        <navigator url="/pages/ucenter/myWorks/detail?id={
    {item.id}}" open-type="navigate"  hover-class='none'>
                            <image class="item-img" src="{
    {item.imgUrl}}" mode="widthFix"></image>
                        </navigator>
                        <block wx:if="{
    {isActive}}">
                            <view url="url" class="recommend_shopName">{
  {item.title}}</view>
                            <view wx:if="{
    {myCollection}}" class="recommend_shopper">