前言

如果您需要 Vue 版本，请访问 这篇文章。

在 uni-app 全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，实现瀑布流布局列表+无限懒加载完整实现思路及源码，可配置瀑布流布局列数（支持1列/2列/3列/多列）组件改个配置项后自动重构瀑布流布局，Uniapp瀑布流式布局传入数据列表后自动计算瀑布流布局+瀑布流懒加载+瀑布流下拉触底加载，适用于图像瀑布流、图片文字瀑布流、video视频瀑布流，类似抖音快手小红书瀑布流效果！

uniapp v2 / v3 版本均可使用，复制示例代码即可。

---

如下图所示，传入数据后修改样式即可。

详细代码，保证搞定

示例代码

具体实现思路及代码如下，请直接复