为满足微信小程序更多功能展现,小程序团队已开放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”,该节点中的内容即为下拉二楼的内容。最后,根据业务小程序自身的诉求,根据下拉状态的回调进行个性化的处理,例如:下来完成跳转页面等。
“上二楼”功能丰富了小程序展示内容和形式,有相关需求的开发者可以尝试。