微信小程序中toast消息提示框只有兩種顯示的效果,就是成功和加載,使用wx.showToast(OBJECT)。 看下有關參數說明: 代碼很簡單:
mask屬性好像并沒有起作用。有一點值得注意的是提示的延遲時間是有限制的,最大10000毫秒。 還有一個函數是wx.hideToast(),這個是隱藏toast,主要用于顯示加載提示的時候用到,如:
本來加載時間是10000毫秒的,然后2000毫秒的時候就隱藏了,這個具體情況而定了哈。
第二個彈窗是模態彈窗:wx.showModal(OBJECT) 參數如下:
這個跟我們Android里面的Dialog相似,效果如下:
代碼如下:
wx.showModal({ title: '提示', content: '模態彈窗', success: function (res) { if (res.confirm) { console.log('用戶點擊確定') }else{ console.log('用戶點擊取消') } } })最后一個是操作菜單:wx.showActionSheet(OBJECT) 這個函數我們在上一篇博文用過,這里說一下也無妨。先看一下參數介紹:
success有一個返回參數:
這里直接貼官方實例了:
wx.showActionSheet({ itemList: ['A', 'B', 'C'], success: function(res) { console.log(res.tapIndex) }, fail: function(res) { console.log(res.errMsg) }})效果圖: 就是這么簡單,趕緊動起來試試吧。
新聞熱點
疑難解答