微信小程序-显示loading的几种方式

最新推荐文章于 2025-03-04 17:45:37 发布

小溪彼岸

最新推荐文章于 2025-03-04 17:45:37 发布

阅读量4w

点赞数 6

分类专栏：微信小程序笔记文章标签： loading

本文链接：https://blog.csdn.net/zww1984774346/article/details/84849159

版权

微信小程序笔记专栏收录该内容

11 篇文章

订阅专栏

1、组件形式

<loading hidden="{{hidden}}">
    加载中...
</loading>

2、动态形式

showToast 和 showLoading

	wx.showToast()	wx.showLoading()
参数	itle icon image duration mask	title mask
关闭方法	设置duration，定时关闭；使用wx.hideToast()关闭	只能用wx.hideLoading()关闭
icon	success loading none	固定显示加载icon

wx.showToast()

// 设置加载模态框

wx.showToast({title: '加载中', icon: 'loading', duration: 10000});
wx.hideToast();

// 使用案例

wx.showToast({title: '加载中', icon: 'loading', duration: 10000});
 
wx.request({
  url: ...,
  ...,
  success: (res) => {
  },
  fail: () => {},
  complete: () => {
    wx.hideToast()
  }
})

wx.showLoading()

wx.showLoading({title: ‘加载中…’})
wx.hideLoading()

// 使用案例

wx.showLoading({title: '加载中', icon: 'loading', duration: 10000});
 
wx.request({
  url: ...,
  ...,
  success: (res) => {
  },
  fail: () => {},
  complete: () => {
    wx.hideLoading()
  }
})