Constantly break through oneself !
前端瀑布流布局2种方案
1、css方式,对浏览器兼容有要求
// 核心代码 columns: 5; // 每行几列 column-gap: 10; // 每个盒子间距
2、js实现 思路: 找出第一行中高度最的小盒子,下一行第一个盒子排在其下面,以此类推。
代码: 原生js版:water.zip vue版: water.zip
npm一键装包:
npm install water-vue3 // 使用方法请看npm官网说明
扫描二维码后复制到浏览器打开
版权申明:本文由 任你流 发布,如需转载请注明出处。
本文链接:
上一篇:npm插件开发
下一篇:uniapp插件市场之rnl-pagination 分页组件