swan.showLoading

解释:显示 loading 提示框, 需主动调用 hideLoading 才能关闭提示框。

方法参数

Object object

object参数说明 :

属性名类型必填默认值说明
titleString提示的内容
maskBooleanfalse是否显示透明蒙层,防止触摸穿透。
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例

在开发者工具中预览效果

扫码体验

swan.showLoading - 图1请使用百度APP扫码

图片示例

swan.showLoading - 图2

swan.showLoading - 图3

swan.showLoading - 图4

代码示例

  1. <view class="container">
  2. <view class="card-area">
  3. <button bindtap="showLoading" type="primary" hover-stop-propagation="true">swan.showLoading</button>
  4. <button bindtap="hideLoading" type="primary" hover-stop-propagation="true">swan.hideLoading</button>
  5. </view>
  6. </view>
  1. Page({
  2. data: { },
  3. showLoading() {
  4. swan.showLoading({
  5. title: '正在加载...',
  6. mask: false, // 一般设置这个值为false
  7. success: res => {
  8. console.log('showLoading success', res);
  9. },
  10. fail: err => {
  11. console.log('showLoading fail', err);
  12. }
  13. });
  14. },
  15. hideLoading() {
  16. swan.hideLoading();
  17. }
  18. });

错误码

Android

错误码说明
202解析失败,请检查参数是否正确
1001执行失败

iOS

错误码说明
202解析失败,请检查参数是否正确