微信小程序瀑布布�
时间:2021-12-12 来源:互联网 编辑:宝哥软件园 浏览:次
今天在做小程序的时候,遇到了一个共同的需求,那就是瀑布流布局,两列,交错分布,大概如下。
最终要达到的结果如左图所示。
但是在微信小程序中,不能通过JavaScript直接操作穹顶,所以这里不能使用一些常用的方法。这让笔者很着急,因为项目赶时间,我们不能因为这个低层次的布局问题而拖慢进度。
百度发现css3列的属性很久了,但最终实现的方法是如右图所示,不符合需求。需求分两列,从左到右排列,大概像小红书APP的瀑布布局。
最后,作者终于找到了一个很奇怪的方法,哈哈,不多废话了,直接去找代码就行了。