微信小程序实现简单的瀑布流式布局

参考原文:https://blog.csdn.net/weixin_39661129/article/details/110935903

实现样式:

分析:应为小程序只有左右两列,完全没有H5动态计算的必要,直接把商品列表分为奇偶渲染

(index :1 3 5 7 9 11 ...放在左边的大盒子里,index: 2 4 6 8 10 12放在右边大盒子里)

在分别定义左右两列 (放商品的小盒子长度设置不一样长)的样式即可。是不是非常简单。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值