list如何实现瀑布流

zhanghaixia

使用list无法实现瀑布流； 不使用list，可以实现瀑布流，但是没有页面上拉触底事件的处理函数，无法加载新的数据

zhanghaixia

已实现，把可以实现瀑布流的全部代码放在list里的第一个list-item里

LeftEar

zhanghaixia 发表于 2020-3-11 19:28 已实现，把可以实现瀑布流的全部代码放在list里的第一个list-item里

方便分享下吗。瀑布流内部都是用什么标签操作的

zhanghaixia

LeftEar 发表于 2020-3-15 14:25 方便分享下吗。瀑布流内部都是用什么标签操作的

代码如下，功能和样式都可以实现，但是性能不太好，下拉到第10页的时候资源不显示了，

zhanghaixia

zhanghaixia 发表于 2020-3-17 18:52 代码如下，功能和样式都可以实现，但是性能不太好，下拉到第10页的时候资源不显示了，

有一篇帖子描述了list实现瀑布流(不理想)，可以看下：https://juejin.im/post/5c21e2686fb9a049b41c7e1b list瀑布流(不理想) 布局: 方案1: list中嵌套两个list-item，list-item中用block循环对应数组中数据。 缺点: list不支持justify-content样式。 页面出现卡顿。 方案2: div中嵌套两个list，block循环list-item来展示数据。 缺点: div不能实现页面滚动。 左右list会独立滚动。 方案3: list中设置属性columns:2，list-item显示数据信息。 缺点: 无法区分两侧数据。 每个list-item高度相同。 方案4: list中嵌套一个list-item，list-item中用div分为左右两列列表，div中block循环对应数组中数据。 缺点: 页面卡顿。

LeftEar

zhanghaixia 发表于 2020-3-17 18:52 代码如下，功能和样式都可以实现，但是性能不太好，下拉到第10页的时候资源不显示了，

谢谢