微信小程序視圖容器組件
view
視圖容器。
示例:
scroll-view
可滾動(dòng)視圖區(qū)域。
使用豎向滾動(dòng)時(shí),需要給<scroll-view/>一個(gè)固定高度,通過 WXSS 設(shè)置 height。
示例代碼:
Bug & Tip
-
tip: 請(qǐng)勿在 scroll-view 中使用 textarea、map、canvas、video 組件
-
tip: scroll-into-view 的優(yōu)先級(jí)高于 scroll-top
-
tip: 在滾動(dòng) scroll-view 時(shí)會(huì)阻止頁面回彈,所以在 scroll-view 中滾動(dòng),是無法觸發(fā) onPullDownRefresh
-
tip: 若要使用下拉刷新,請(qǐng)使用頁面的滾動(dòng),而不是 scroll-view ,這樣也能通過點(diǎn)擊頂部狀態(tài)欄回到頁面頂部
swiper
滑塊視圖容器。
注意:其中只可放置<swiper-item/>組件,其他節(jié)點(diǎn)會(huì)被自動(dòng)刪除。
swiper-item
僅可放置在<swiper/>組件中,寬高自動(dòng)設(shè)置為100%。
示例代碼: