微信小程序支持下拉二楼 scroll-view组件新增下拉能力

为满足微信小程序更多功能展现,小程序团队已开放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”,该节点中的内容即为下拉二楼的内容。最后,根据业务小程序自身的诉求,根据下拉状态的回调进行个性化的处理,例如:下来完成跳转页面等。

“上二楼”功能丰富了小程序展示内容和形式,有相关需求的开发者可以尝试。


声明:本站部分文章来源于互联网,如有侵犯作者著作权,请及时与我们联系。

木鱼小铺小程序