小程序实现瀑布流效果,和web页面差不多,都要经过以下步骤:
1)、加载图片,获取图片的宽高度;
2)、根据页面需要显示几列计算每列的宽度;
3)、根据图片真实宽度和每列的宽度比,计算出图片需要显示的高度;
4)、重新对图片进行定位
看看实现效果图:
小程序效果图:
页面实现代码,见博文:
https://www.cnblogs.com/tandaxia/p/9703312.html
小程序实现瀑布流效果,和web页面差不多,都要经过以下步骤:
1)、加载图片,获取图片的宽高度;
2)、根据页面需要显示几列计算每列的宽度;
3)、根据图片真实宽度和每列的宽度比,计算出图片需要显示的高度;
4)、重新对图片进行定位
看看实现效果图:
小程序效果图:
页面实现代码,见博文:
https://www.cnblogs.com/tandaxia/p/9703312.html