天天看点

小程序瀑布流和web页面瀑布流 效果实现

 小程序实现瀑布流效果,和web页面差不多,都要经过以下步骤:

1)、加载图片,获取图片的宽高度;

2)、根据页面需要显示几列计算每列的宽度;

3)、根据图片真实宽度和每列的宽度比,计算出图片需要显示的高度;

4)、重新对图片进行定位

看看实现效果图:

小程序瀑布流和web页面瀑布流 效果实现

小程序效果图:

小程序瀑布流和web页面瀑布流 效果实现

页面实现代码,见博文:

https://www.cnblogs.com/tandaxia/p/9703312.html