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

