在線客服系統(tǒng)
十三年專注于網(wǎng)站建設(shè)與互聯(lián)網(wǎng)應(yīng)用開發(fā),低調(diào)、有情懷的網(wǎng)絡(luò)應(yīng)用服務(wù)商!
南昌百恒科技微信公眾號 掃一掃關(guān)注
tel-icon全國服務(wù)熱線:400-680-9298,0791-88117053
掃一掃關(guān)注百恒科技微信公眾號

小程序開發(fā)中實現(xiàn)loading加載的方法

百恒科技 2018-12-20 15:25:12 6995
? ? ? ?相信大家都遇到過這種情況,我們在訪問一個頁面時遇到網(wǎng)絡(luò)不佳的情況下,會出現(xiàn)一個loading或者加載中的等待狀態(tài)。這是為了消除用戶的等待心理,從而提高用戶體驗的一種做法。這種做法不僅在網(wǎng)站中會出現(xiàn),在南昌小程序開發(fā)中也是經(jīng)常用到。那么接下來小編主要想為大家介紹一下關(guān)于小程序開發(fā)中彈出loading層的幾種方法,希望對大家有所幫助!

? ? ? ?一、直接在代碼里控制

? ? ? ?js代碼
? ? ? ?showLoading:function(){
? ? ? ? ? ? ? ?wx.showToast({
? ? ? ? ? ? ? ? title: '加載中',
? ? ? ? ? ? ? ?icon: 'loading'
? ? ? ? ? ? ? ?});
? ? ? ? ? ? },
? ? ? ?cancelLoading:function(){
? ? ? ? ? ? ? ?wx.hideToast();
? ? ? ? ? ? }

? ? ? ?二、在wxml文件里布局彈窗,利用條件渲染,在js代碼里控制是否顯示,代碼如下:

? ? ? ?wxml代碼

小程序開發(fā)中實現(xiàn)loading加載的方法? ?


? ? ? ?js代碼

? ? ? ?data: {
? ? ? ? ? ? ?showLoading:true
? ? ? ?},
? ? ? ?showLoading:function(){
? ? ? ? ? ? this.setData({
? ? ? ? ? ? ? ?showLoading:true
? ? ? ? ? ? })
? ? ? ? ?},
? ? ? ?cancelLoading:function(){
? ? ? ? ? ?this.setData({
? ? ? ? ? ? ???showLoading:false
? ? ? ?})

? ? ? ?關(guān)于南昌微信開發(fā)中彈出loading層的方法就先介紹到這里,如果還有哪些不明白的地方,可隨時來電咨詢。
400-680-9298,0791-88117053
掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號

歡迎您的光顧,我們將竭誠為您服務(wù)×

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售后服務(wù) 售后服務(wù)
 
備案專線 備案專線
 
售后服務(wù) 售后服務(wù)
 
×