微信小程序下拉刷新&设置loading颜色&loading背景色_小程序开发 scroll-view 下拉刷新 loading状态颜色可以改变么

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828

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

1、设置对应刷新页面json

"enablePullDownRefresh": true,
1

2、js

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

// 数据请求成功后，关闭刷新
wx.stopPullDownRefresh({
     success (res) {
         console.log('刷新成功');
     }
 });
1
2
3
4
5
6
7
8
9
10
11
12
13
14

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

"backgroundColor": "#F00"
1

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

"backgroundTextStyle": "dark"
1

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