对于uniapp瀑布流怎么做，几行代码教你

对于新鲜的uniapp别人问我瀑布流怎么做，现在我几行代码教你，本人就根据官网的看图demo来弄吧。思路就是把图标以纵向左右分开，设置宽度各自占一半，然后就是图片宽度一定（占一半），高度根据图片自己高度设置，假如高度太高了，可以自行限制一半自由发挥，看不到明显效果的话，就是图片高度都是等高的

<template>  
    <view class="index">  
        <view class="left">  
            <block v-for="(item, index) in list" :key="index" class="itemlist">  
                <view class="card" @click="goDetail(item)" v-if="index%2==0">  
                    <image class="card-img" :src="item.img_src" mode="widthFix"></image>  
                    <text class="card-num-view">{{item.img_num}}P</text>  
                    <view class="card-bottm row">  
                        <view class="car-title-view row">  
                            <text class="card-title">{{item.title}}</text>  
                        </view>  
                        <view @click.stop="share(item)" class="card-share-view"></view>  
                    </view>  
                </view>  
            </block>  
        </view>  

        <view class="right">  
            <block v-for="(item, index) in list" :key="index" class="itemlist">  
                <view class="card" @click="goDetail(item)" v-if="index%2==1">  
                    <image class="card-img" :src="item.img_src" mode="widthFix"></image>  
                    <text class="card-num-view">{{item.img_num}}P</text>  
                    <view class="card-bottm row">  
                        <view class="car-title-view row">  
                            <text class="card-title">{{item.title}}</text>  
                        </view>  
                        <view @click.stop="share(item)" class="card-share-view"></view>  
                    </view>  
                </view>  
            </block>  
        </view>  
    </view>  
</template>  
.left,.right{  
  display: inline-block;  
  vertical-align: top;  
  width: 49%;  
}  

.itemlist{  
      background-color: #fff;  
      margin: 1%;   
      margin-bottom: 20rpx;  
      display: inline-block;  

    }