学习笔记：my.showLoading

my.showLoading

简写

可以使用所有入参的默认值，简单写为：
my.showLoading();

使用场景

当异步调用的时候防止加载时间过长，在异步函数之前调用；

my.showLoading的入参

参数	类型	必填	描述
content	String	否	loading过程中的文字，默认是“加载中…”
delay	Number	否	延迟显示my.showLoading，单位为毫秒（ms），默认值为 0
success	Function	否	调用成功的回调函数
fail	Function	否	调用失败的回调函数
complete	Function	否	调用my.showLoading结束的回调函数（调用成功、失败都会执行）

my.showLoading的代码

my.showLoading用来显示加载过程中的过渡效果，常见效果如图所示：

js代码如下：

showLoading() { // my.showLoading要在一个函数中使用
    my.showLoading({
      content: '加载中...',  // 页面显示内容
      delay: 1000, // 延迟显示时间，1秒后显示 my.showLoading
      success: () => {  // 成功
        console.log('只有成功才会调用啦');
      },
      fail: () => { // 失败
        console.log('只有失败才会调用啦');
      },
      complete: () => { //该方法调用完成的函数，成功失败都会调用
        console.log('成功失败都会调用啦');
        console.log('出现的组合是success,complete或者fail,complete');
      },
    });
    setTimeout(() => { // 延时器
      my.hideLoading(); // 5秒后执行该my.hideLoading
    }, 5000);
  },

js一般项目使用代码：

async show() { // my.showLoading要在一个函数中使用
my.showLoading(); // 异步调用之前，防止异步调用加载时间过长
await this.getUserMsg({params})； // 异步函数调用
//逻辑代码实现
}
备注：具体可以去支付宝小程序官网学习，这里仅是个人学习笔记