13-4实现旅拍瀑布流布局-1

Posted wangjunwei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了13-4实现旅拍瀑布流布局-1相关的知识,希望对你有一定的参考价值。

实现瀑布流的布局
技术图片

定义请求数据的url和每页显示的数据量
技术图片
技术图片
定义两个变量。
技术图片
这是一个构造方法:super这种方式是可以直接调用父类的构造方法,
技术图片

技术图片

等价于后面加个大括号的这种形式。会有个提示 这个方法体为空的 建议移除。构造方法前面的修饰符去掉
技术图片
技术图片
方法体移除后就成这样了。
技术图片
技术图片
如果我们的方法体不是空的话。比如里面打印了一个log
技术图片
没有方法体就可以省去花括号。前面改成const修饰
技术图片
定义两个变量参数
技术图片
初始化的时候去调用服务端,加载数据
技术图片

技术图片
技术图片
实现filterItems
技术图片
和首页的模型冲突了,改个名字
技术图片

技术图片

技术图片

技术图片
异常处理
技术图片

 

结束


 

以上是关于13-4实现旅拍瀑布流布局-1的主要内容,如果未能解决你的问题,请参考以下文章

前端之瀑布流布局(多种实现方案)

h5瀑布流布局会留白

关于waterfall 瀑布流布局出现布局错乱的问题

flex实现瀑布流布局为啥不适合动态加载数据

H5 图片瀑布流布局 - vue

瀑布流布局顶端边距失效是怎么回事