小程序怎么下拉刷新

小程序怎么下拉刷新

在小程序里,用户顶部下拉刷新是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效。

推荐学习:小程序开发

具体实现方法如下:

1、搭建各类项目系统点我wcqh.cn设置一下json文件

1

“enablePullDownRefresh”: true,

登录后复制

2、编写下拉刷新js代码

1

2

3

4

5

6

7

8

9

10

11

12

//下拉刷新

onPullDownRefresh:fun搭建各类项目系统点我wcqh.cnction()

{

wx.showNavigationBarLoading() //在标题栏中显示加载

//模拟加载

setTimeout(function()

{

// complete

wx.hideNavig搭建各类项目系统点我wcqh.cnationBarLoading() //完成停止加载

wx.stopPullDownRefresh() //停止下拉刷新

},1500);

},

登录后复制

wx.hideNavigationBarLoadin搭建各类项目系统点我wcqh.cng() 这两句话是用来控制小菊花的显示和隐藏,这里模拟了一下网络加载,通过setTimeout方法,写一个时间延迟的方法,这个方法可以模拟网络加载所消耗的时间,还有就是当网络加载完成我们要停止下拉刷新搭建各类项目系统点我wcqh.cnwx.stopPullDownRefresh() 。

PHP中文网,大量免费navicat教程,欢迎学习!

以上就是小程序怎么下拉刷新的详细内容,更多请关注php中文网其它相关文章!

© 版权声明
THE END
喜欢就支持一下吧
点赞630 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容