[JavaScript知识库]uniapp瀑布流，小程序瀑布流，非常简单适合全平台

例子一看就懂，思路在拿去写网页，写uniapp，写小程序都行

CSS就是大盒子正常，里面套2个小盒子左右浮动的小盒子，然后左右俩盒子里商品也变成inline-block就行了。

不用写任何JS！接口正常获取数据就行。全网最简单的！我也是找瀑布流半天没合适的，自己想出来的办法!

重点是代码里那句判断v-if="index%2==0" 和?v-if="index%2==1"

我是用的uniapp写的，如果是写原生微信小程序瀑布流，直接把v-if="index%2==0 改成 wx-if=""

<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">  
                   这里正常写商品就行
                </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">  
                   这里正常写商品就行 
                </view>  
            </block>  
        </view>  
    </view>  
</template>  
.left,.right{  
  display: inline-block;  
  vertical-align: top;  
  width: 49%;  
}  

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

    }