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

网友投稿 1113 2023-10-26

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

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

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:盘点微信小程序的五大开发优势
下一篇:微信小程序支持分销吗?支持几级分销模式?
相关文章

 发表评论

暂时没有评论,来抢沙发吧~