小程序-不用插件实现瀑布流

前段时间正好需要在小程序开发遇到了需要瀑布流列表，做好了记录一下

微信截图_20181015153430.png

网页的瀑布流有很多插件可以用，小程序的也可以用插件，不过还有一种简单的方法

<view class="goods-list">
    <view class="goods-left">
        <block wx:for="{{value}}" wx:key="index">
            <view class="goods-item" wx:if="{{index%2==0}}">
                <image src="../../images/temp/img2.png" mode="widthFix"></image>
                <view class="goods-item-tit">{{item.title}}</view>
                <view class="goods-item-price">￥{{item.price}}</view>
            </view>
        </block>
    </view>
    <view class="goods-right">
        <block wx:for="{{value}}" wx:key="index">
            <view class="goods-item" wx:if="{{index%2==1}}">
                <image src="../../images/temp/img2.png" mode="widthFix"></image>
                <view class="goods-item-tit">{{item.title}}</view>
                <view class="goods-item-price">￥{{item.price}}</view>
            </view>
        </block>
    </view>
</view>