移动端瀑布流最简易的写法!

移动端中瀑布流是我们开发中常常会用到的布局方式，如何快速的实现瀑布流呢？其实几行代码搞定！

1. 父元素(list-box)加上样式：

column-count: 2; //列数
column-gap: 20rpx; //列间距

2. 子元素(item-box)加上样式：

margin-bottom: 20rpx;
break-inside: avoid;//防止断层

3. 弊端：排列方式是竖向排列的：

1 4
2 5
3 6

4. 解决方法：往往实际的应用场景，我们需要的是横向排列，那么可以使用以下方式解决：

//在列表中进行判断
v-if="index%2 == 0"
v-if="index%2 == 1" 

这样就会按顺序左右排版了~