更新记录

1.0.0(2020-04-19)

真正的瀑布流组件,支持图片预加载,按图片高度自动排列


平台兼容性

这是一个真实的瀑布流组件

本叔在做一些项目的时候,发现uniapp竟然没有一个真正好用的瀑布流组件,试了很多社区里面的插件,发现都不如意,具体问题如下:

1、有些插件 只做了奇偶数分裂,并不能真正的安装高度自动排列数据

2、有些插件 使用了 SelectorQuery 这样的坏处是降低了性能,而且不能封装到插件里面

3、官方虽然提供了nvue的瀑布流组件,但是只能支持app的nvue,并不能全端通用

于是:痛定思痛,亲子上手撸一个,可以支持全端小程序和app、h5,支持图片预加载

使用方法:

import fengflow from "../../components/feng-flow/feng-flow.vue"
    export default {
        components:{fengflow},
        ........

template 里面引入:

<feng-flow :dataLists="lists"></feng-flow>

关于分页

大家可以参考我示例中的分页方法,分页数据会有缓存,不需要contact,直接替换dataLists 数据就可以

一些给小白的话

每个人都是从小白到大神一步步走过来的,都熟知在进步的路上,如果有前辈人指点是多么荣幸的事,可以节省不少时间,进步也飞快。

我本人并不烦咨询,但是请大家在咨询前先自行百度,节省双方时间,不要什么问题都问,大家都有本职工作,并没有无偿服务的责任。

本人微信:semfeng,加备注:瀑布流

正常咨询时间晚 8点-12点,其他时间随缘回复。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问