為滿足微信小程序更多功能展現,小程序團隊已開放scroll-view組件,通過接入該組件即可快速實現小程序「上二樓」的效果,使小程序的應用場景得以更加豐富。
首先,小程序開發者要根據業務需要配置相關的屬性:
屬性 |
說明 |
refresher-two-level-enabled |
開啟下拉二級能力,配置開啟需同時配置 |
refresher-two-level-triggered |
設置打開/關閉二級 |
refresher-two-level-threshold |
下拉二級閾值 |
refresher-two-level-close-threshold |
滑動返回時關閉二級的閾值 |
refresher-two-level-scroll-enabled |
處于二級狀態時是否可滑動 |
refresher-ballistic-refresh-enabled |
慣性滾動是否觸發下拉刷新 |
refresher-two-level-pinned |
即將打開二級時否定住 |
配置完下拉二樓屬性之后,接著就是將我們的二樓實現在scroll-view中。在scroll-view放置一個子節點,聲明slot=“refresher”,該節點中的內容即為下拉二樓的內容。最后,根據業務小程序自身的訴求,根據下拉狀態的回調進行個性化的處理,例如:下來完成跳轉頁面等。
“上二樓”功能豐富了小程序展示內容和形式,有相關需求的開發者可以嘗試。