Write the Code. Change the World.

3月 30

瀑布流是一种展现方式。无论 h5 还是小程序,在一定场景下会需要。可以通过把数据分组,再 flex-column 布局。也可以用过计算浮动来实现布局。这些搞起来,还是比较麻烦,而且代码不好看。现在微信小程序实现瀑布流都新的方式。还有吸顶等操作。

开始

https://developers.weixin.qq.com/community/develop/article/doc/000ae631788f400c9a7f151f65b013

https://developers.weixin.qq.com/community/develop/article/doc/000a088c5c471062bf0f0af1a5b813

文章尾部,有代码测试片段。打开,就可以尝试。不过,需要将渲染方式切换到 Skyline 。

切换操作看这里 https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/migration/#%E5%BF%AB%E6%8D%B7%E5%88%87%E6%8D%A2%E5%85%A5%E5%8F%A3

计算的方式

https://juejin.cn/post/7066778804827619364