实际开发中,很多操作需要等待一段时间才能出现结果,如查询某个商品、上传图片等

    为了提升用户体验,可以在这些操作执行后显示loading的状态,表示任务正在执行中,待结果出现后再隐藏loading状态

    微信小程序提供wx.showLoadingwx.hideLoading显示和隐藏loading提示框,如示例4-6所示。

    1. index.wxml
    2. <view>
    3. <button bindtap="showLoading">显示loading</button>
    4. <button bindtap="hideLoading">隐藏loading</button>
    5. </view>
    6. -----------------------------------------------
    7. index.js
    8. Page({
    9. showLoading: function(){
    10. wx.showLoading({
    11. title: '加载中'
    12. })
    13. },
    14. hideLoading: function(){
    15. wx.hideLoading()
    16. }
    17. })

    image.png