小程序加載中提示實現

微信小程序彈出loading層的兩種方法:直接在代碼裏控制,在wxml文件里布局彈窗loading層,利用條件渲染,在js代碼裏控制是否顯示loading層。

方法一:

<loading hidden="{{loadingHidden}}">

加載中...

</loading>

 

this.setData({

loadingHidden: false

})

 

方法二:

showLoading:function(){

wx.showToast({

title: '加載中',

icon: 'loading'

});

},

cancelLoading:function(){

wx.hideToast();

}

 

儘量在loading時候加上 遮罩層

image.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章