概述1、先创建 activity_water_fall.xml和 activity_water_fall_item.xml<?xmlversion="1.0"encoding="utf-8"?&

以前使用瀑布流都要用js，现在有了css3，可以轻松实现了。掌握点：1、column-count 把div中的文本分为多少列2、column-width 规定列宽3、column-gap 规定列间隙4、break-inside:

github地址，喜欢的可以star下哦插件预览图使用教程1.插件代码拷贝下载后把components目录下waterfall.vue文件拷贝到自己项目目录下2.插件全局配置在项目里main.js中配置如下代码import wat

目录瀑布流典型网站瀑布流布局原理大体思路具体思路插件封装第一步第二步第三步第四步第五步动态渲染需求分析渲染第一页数据渲染页面第二页面的渲染（手动加载）第二页面的渲染（滚动加载）需要特别注意的问题瀑布流典型网站花瓣网、堆糖瀑布流布局原理