手机版

微信小程序瀑布布�

时间:2021-12-12 来源:互联网 编辑:宝哥软件园 浏览:

今天在做小程序的时候,遇到了一个共同的需求,那就是瀑布流布局,两列,交错分布,大概如下。

微信小程序 瀑布流布局(图1)

最终要达到的结果如左图所示。

但是在微信小程序中,不能通过JavaScript直接操作穹顶,所以这里不能使用一些常用的方法。这让笔者很着急,因为项目赶时间,我们不能因为这个低层次的布局问题而拖慢进度。

百度发现css3列的属性很久了,但最终实现的方法是如右图所示,不符合需求。需求分两列,从左到右排列,大概像小红书APP的瀑布布局。

微信小程序 瀑布流布局(图2)

最后,作者终于找到了一个很奇怪的方法,哈哈,不多废话了,直接去找代码就行了。

版权声明:微信小程序瀑布布�是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。