聊聊怎么在小程序中实现一个可截断的瀑布流组件

怎么在小程序中实现一个可截断的瀑布流组件？下面本篇文章给大家介绍一下微信小程序实现可截断瀑布流组件的方法，希望对大家有所帮助！

瀑布流是一种常见的布局方式，实现的方式有许多，比如直接分两列，然后控制在左右两列加入元素；还有一种方式就是通过绝对定位的方式来放置两边。【相关学习推荐：小程序开发教程】

本文所要介绍的瀑布流不同于常规的，因为瀑布流中间可能会被截断：

对于上面的布局，如果强制分成两列去做布局就不太适合了，因此我采用了绝对定位的方式来进行布局，由于瀑布流中的元素高度都不是固定的，因此我得想办法获取到每个元素的高度，然后判定元素到底是放一整行，还是左侧，亦或者右侧。

首先我们来看下模板部分的实现：

<view><view><abstract></abstract></view></view><view><view><abstract></abstract></view></view>