微信小程序瀑布流布局，参差不齐交错跟进

<view>
	<scroll-view class="scroll-view" scroll-y id="scroll-view">
		<view class="box_row_left">
			<view wx:for="{{tableData}}" wx:key="index" wx:for-item="item" class="box_column" wx:if="{{index%2==0}}">
				<!--  -->
			</view>
		</view>
		<view class="box_row_right">
			<view wx:for="{{tableData}}" wx:key="index" wx:for-item="item" class="box_column" wx:if="{{index%2==1}}">
				<!--  -->
			</view>
		</view>
	</scroll-view>
</view>

css

.box_row_left {
	width: 345rpx;
	float: left;
	padding: 20rpx ;background-color: #f1f1f1;
}
.box_row_right{
	width: 345rpx;
	float: left;
	padding: 20rpx 20rpx 20rpx 0;
	background-color: #f1f1f1;
}
.box_column {
	display: flex;
	flex-direction: column;
}

/* .video_box{
	position: relative;
}
.cover_layer{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	background-color: red;
	width: 345rpx;
	height: 500rpx;
} */