小程序数据加载图标优化

562 阅读1分钟

wx.showLoading

在微信开发者工具中的 API 👍 界面 👍 交互 👍 wx.showLoading 当中 juejin.cn/post/686486…

// 同时发送异步请求代码的次数
let ajaxtimes=0
export const request=(params)=>{
  ajaxtimes++
  return new Promise((resolve,reject)=>{
    wx.showLoading({
      title: '加载中',
      mask:true
    })
    wx.request({
      ...params,
      success:(res)=>{
        resolve(res)
      },
      fail:(err)=>{
        reject(err)
      },
      complete:()=>{
        ajaxtimes--
        if(ajaxtimes===0){
          // 关闭正在等待的图标
          wx.hideLoading()
        }
       
      }
    })
  })
}