小程序瀑布流布局

// list.wxml列表
<import src ="/template/cardList/cardList2.wxml"/>
<block>
  <view id="left">
    <view class="list-index list-index-{
   {plType}}" wx:for="{
   { leftList }}" wx:key="key">
      <navigator url="/pages/Main/pages/details/index?id={
   {item.id}}" hover-class="none">
          <template data="{
   { item }}" is="cardList2"/>
      </navigator>
    </view>
  </view>
  <view id="right">
    <view class="list-index list-index-{
   {plType}}" wx:for="{
   { rightList }}" wx:key="key">
      <navigator url="/pages/Main/pages/details/index?id={
   {item.id}}" hover-class="none">
          <template data="{
   { item }}" is="cardList2"/>
      </navigator>
    </view>
  </view>
</block>





// list.wxss部分样式

#left,#right{
   
  width: 340rpx;
  float: left;
}
#left{
   
  margin-right: 24rpx;
  margin-left:24rpx;
}



// list.js

let leftHeight = 0, rightHeight = 0; //分别定义左右两边的高度
let query,timers={
   };

Page({
   
	onLoad