scroll-view 組件的新增布局組件

1、列表布局容器list-view

相比以往計(jì)算網(wǎng)格大小、拼接瀑布流等復(fù)雜方法，直接使用 grid-view 組件也能高效實(shí)現(xiàn)瀑布流效果：

1）將 scroll-view 切換到 custom 模式

2）采用 grid-view 類型為 masonry 作為直接子節(jié)點(diǎn)

3）在 grid-view 中直接編寫列表

2、吸頂布局容器sticky-section / sticky-header

使用 sticky 布局僅需 4 步即可快速實(shí)現(xiàn)交錯(cuò)吸頂?shù)墓δ埽?/p>

1）將 scroll-view 切換到 custom 模式

2）采用 sticky-section 作為 scroll-view 的子元素

3）sticky-header 放置吸頂內(nèi)容

4）list-view 放置列表內(nèi)容

3、網(wǎng)格布局容器grid-view

相比過(guò)往自行切割網(wǎng)格的方式，應(yīng)用 grid-view 組件只需 3 步即可實(shí)現(xiàn)網(wǎng)格布局：

1）將 scroll-view 切換到 custom 模式

2）采用 grid-view 類型為 aligned 作為直接子節(jié)點(diǎn)

3）在 grid-view 中直接編寫列表

微信小程序scroll-view組件新增3 個(gè)布局組件最先出現(xiàn)在微信小程序觀察網(wǎng)-微信小程序制作開發(fā)、小程序運(yùn)營(yíng)推廣。