微信小程序API交互反饋,wx.showToast顯示消息提示框

wx.showToast(OBJECT)

顯示消息提示框。

OBJECT參數(shù)說(shuō)明：

示例代碼：

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})

wx.showLoading(OBJECT)

基礎(chǔ)庫(kù)版本 1.1.0 開始支持，低版本需做兼容處理

顯示 loading 提示框, 需主動(dòng)調(diào)用 wx.hideLoading 才能關(guān)閉提示框

OBJECT參數(shù)說(shuō)明：

wx.hideToast()

隱藏消息提示框

wx.hideLoading()

基礎(chǔ)庫(kù)版本 1.1.0 開始支持，低版本需做兼容處理

隱藏loading提示框

wx.showLoading({
  title: '加載中',
})

setTimeout(function(){
  wx.hideLoading()
},2000)

wx.showModal(OBJECT)

?顯示模態(tài)彈窗

OBJECT參數(shù)說(shuō)明：

succes返回參數(shù)說(shuō)明：

示例代碼：

wx.showModal({
  title: '提示',
  content: '這是一個(gè)模態(tài)彈窗',
  success: function(res) {
    if (res.confirm) {
      console.log('用戶點(diǎn)擊確定')
    } else if (res.cancel) {
      console.log('用戶點(diǎn)擊取消')
    }
  }
})

wx.showActionSheet(OBJECT)

?顯示操作菜單

OBJECT參數(shù)說(shuō)明：

success返回參數(shù)說(shuō)明：

示例代碼：

wx.showActionSheet({
  itemList: ['A', 'B', 'C'],
  success: function(res) {
    console.log(res.tapIndex)
  },
  fail: function(res) {
    console.log(res.errMsg)
  }
})

Bug & Tip

1. bug:Android6.3.30，wx.showModal 的返回的 confirm 一直為 true；
2. tip: wx.showActionSheet 點(diǎn)擊取消或蒙層時(shí)，回調(diào)fail, errMsg 為 "showActionSheet:fail cancel"；
3. tip: wx.showLoading 和 wx.showToast 同時(shí)只能顯示一個(gè)，使用 wx.hideToast/wx.hideLoading 都可以關(guān)閉提示框；
4. tip: iOS wx.showModal 點(diǎn)擊蒙層不會(huì)關(guān)閉模態(tài)彈窗，所以盡量避免使用“取消”分支中實(shí)現(xiàn)業(yè)務(wù)邏輯。