微信小程式常用的3種提示彈窗
阿新 • • 發佈:2019-09-19
1. 表示操作成功,文字上方會顯示一個表示操作成功的圖示。
wx.showToast({ title: '操作成功!', // 標題 icon: 'success', // 圖示型別,預設success duration: 1500 // 提示窗停留時間,預設1500ms })
2.表示載入中,顯示為載入中圖示。
wx.showToast({ title: '載入中...', icon: 'loading', duration: 1500 })
3.不顯示圖示,一般用作提示。
wx.showToast({ title: '該功能未上線!', icon: 'none', duration: 1500 })
以上3種彈窗均使用wx.showToast介面,呼叫後會根據設定的duration停留一定時間。
此外,表示載入中的彈窗還可以使用wx.showLoading介面,但呼叫該介面時彈窗並不會自動消失,而是需要手動呼叫wx.hideLoading介面使彈窗消失。
// 開始載入資料 wx.showLoading({ title: '載入中', })
// 資料載入中...
// 資料載入中... // 資料載入完成,隱藏彈窗 wx.hideLoading()
完。
&n