Uniapp waterfall flow, applet waterfall flow, very simple, suitable for the whole platform

Examples are easy to understand , The idea is to write a web page , Write uniapp, Write small programs

CSS The big box is normal , Inner sleeve 2 A small box floating from side to side , Then the goods in the left and right boxes become inline-block That's it .

Don't write anything JS！ The interface can get data normally . The simplest in the whole network ！ I am also looking for a waterfall to flow for a long time , Think of your own way !

The point is the judgment in the code v-if="index%2==0" and  v-if="index%2==1"

I am using uniapp Written , If you are writing a waterfall stream of native wechat apps , Put... Directly v-if="index%2==0 Change to 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">  
                    Just write the goods here normally 
                </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">  
                    Just write the goods here normally  
                </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;  

    }