您的当前位置:首页正文

微信小程序下拉刷新&设置loading颜色&loading背景色

2024-11-26 来源:个人技术集锦

下拉刷新在开发中是必不可少的,下面我们一起来研究下:

1、设置对应刷新页面json

"enablePullDownRefresh": true,

2、js

// 监控下拉刷新
onPullDownRefresh () {
     console.log('下拉刷新');
     setTimeout(()=>{
         // 再此调取接口,如果接口回调速度太快,为了展示loading效果,可以使用setTimeout
     }, 1000)
 },

// 数据请求成功后,关闭刷新
wx.stopPullDownRefresh({
     success (res) {
         console.log('刷新成功');
     }
 });

改变下拉背景颜色,配置json

"backgroundColor": "#F00"

设置loading颜色,此项主要用于,背景是白色,loading为白色,这时看不到loading效果,可设置不同颜色

"backgroundTextStyle": "dark"

文章到此结束,也可以进行其他拓展,喜欢记得点个赞噢~

显示全文