wx.showToast(OBJECT)

顯示訊息提示框

OBJECT引數說明：

icon有效值

示例程式碼：

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

wx.showLoading(OBJECT)

基礎庫 1.1.0 開始支援，低版本需做相容處理

顯示 loading 提示框, 需主動呼叫 wx.hideLoading 才能關閉提示框

OBJECT引數說明：

wx.hideToast()

隱藏訊息提示框

wx.hideLoading()

基礎庫 1.1.0 開始支援，低版本需做相容處理

隱藏 loading 提示框

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

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

wx.showModal(OBJECT)

​顯示模態彈窗

OBJECT引數說明：

success返回引數說明：

示例程式碼：

wx.showModal({
  title: '提示',
  content: '這是一個模態彈窗',
  success: function(res) {
    if (res.confirm) {
      console.log('使用者點選確定')
    } else if (res.cancel) {
      console.log('使用者點選取消')
    }
  }
})

wx.showActionSheet(OBJECT)

​顯示操作選單

OBJECT引數說明：

success返回引數說明：

示例程式碼：

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

Bug & Tip

1. bug: Android 6.3.30，wx.showModal 的返回的 confirm 一直為 true；
2. tip: wx.showActionSheet 點選取消或蒙層時，回撥 fail, errMsg 為 "showActionSheet:fail cancel"；
3. tip: wx.showLoading 和 wx.showToast 同時只能顯示一個，但 wx.hideToast/wx.hideLoading 也應當配對使用；
4. tip: iOS wx.showModal 點選蒙層不會關閉模態彈窗，所以儘量避免使用“取消”分支中實現業務邏輯。