微信小程序瀑布流与分页懒加载的代码实现

微信小程序瀑布流与分页懒加载的代码实现_第1张图片

有人用column-count属性来做小程序的瀑布流,这样做存在问题,在加载更多数据的时候,页面会重新布局,直观现象就是界面会闪烁,影响体验,所以不用column-count

我的方法是:

1、界面分两列;

2、总是向较矮的列追加图片;

3、从后端获取图片的尺寸,换算成前端展示的尺寸,记录每列的高度;

4、分页数据也按照上面的原则追加图片。

 

WXML代码: