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