仿携程微信小程序瀑布流

1.png

加载完成.png

遇到问题：
1、根据奇偶性分的话，可能会出现一边长、一边短的情况.
2、加载新的数据setData的时候，由于位置还没计算出来，因此，第二页会覆盖我第一页经过计算的item图
解决方案
1、
1）左边的一列和右边的一列高度对比 差值为thosed
2）如果左边的minH=thosed/2 ；反之亦然
在这一步标志奇偶isLeft.
3）移动了之后左边就变成右边，右边就变成左边，因此不能根据key的奇偶性来判断，应该由
一个isLeft来确定，因此要加多一个标志。
2、在setData之前，把下一页的绘制计算移出屏幕外面（top:-100%）,计算成功之后再移动回来。

3、为了更好的用户体验，强烈建议图片的宽高由后台返回。

第二种实现瀑布流的思路
1、采用左右两列布局，使用后台返回来的图片数据
2、动态计算对比左右两列的高度，以便决定其在哪一列
3、第二种思路代码可借鉴：https://www.jianshu.com/p/c7c2b5c425bc

第一种思路代码：
https://developers.weixin.qq.com/s/3wmCZhmg75kR