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

版权声明：黄菊华 https://blog.csdn.net/u013818205/article/details/88656172

效果图

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