效果图
微信小程序api视频课程-界面-交互-wx.showLoading + wx.hideLoading 加载提示框的使用

wxml代码

<view>
wx.showLoading(Object object)显示 loading 提示框。
需主动调用 wx.hideLoading 才能关闭提示框
</view>
<button bindtap="ts01">显示 Loading 加载框</button>


<view>
wx.hideLoading(Object object)隐藏 loading 提示框
</view>
<button bindtap='ys01'>隐藏 Loading 加载框</button>

js代码

 /**
   * 页面的初始数据
   */
  data: {

  },
  ts01:function(){
    wx.showLoading({
      title: '加载中...',
    })
  },
  ys01:function(){
    wx.hideLoading()
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showLoading({
      title: 'loading....',
    })
    setTimeout(
      function(){
        wx.hideLoading()
      },2000
    )

  },

欢迎大家收看我的****:微信小程序常用API使用
https://edu.csdn.net/course/detail/16194
微信小程序api视频课程-界面-交互-wx.showLoading + wx.hideLoading 加载提示框的使用

相关文章:

  • 2021-07-04
  • 2021-07-24
  • 2021-11-23
  • 2021-04-10
  • 2021-12-13
  • 2022-01-19
  • 2021-06-17
猜你喜欢
  • 2021-05-30
  • 2021-08-28
  • 2021-10-17
  • 2022-12-23
  • 2021-10-12
  • 2021-04-26
  • 2021-09-20
相关资源
相似解决方案