Skip to content

互動

hideloading

TIP

該API使用方法為: wx.hideLoading(Object object)

  • 功能說明: 隱藏loading提示框。
  • 參數及說明: Object object
内容類型預設值必填說明
noConflictbooleanfalse現時toast和loading相關接口可以相互混用,此參數可用於取消混用特性
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)

hideToast

TIP

該API使用方法為: wx.hideToast(Object object)

  • 功能說明: 隱藏消息提示框。
  • 參數及說明: Object object
内容類型預設值必填說明
noConflictbooleanfalse現時toast和loading相關接口可以相互混用,此參數可用於取消混用特性
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)

showActionSheet

TIP

該API使用方法為: wx.showActionSheet(Object object)

TIP

  • Android 6.7.2以下版本,點擊取消或蒙層時,回檔fail, errMsg為'fail cancel'。
  • Android 6.7.2及以上版本和iOS點擊蒙層不會關閉模態彈窗,所以儘量避免使用「取消」分支中實現業務邏輯。
  • 功能說明: 顯示操作選單
  • 參數及說明: Object object
内容類型預設值必填說明
itemListarray.<string>-按鈕的文字數組,數組長度最大為6
itemColorstring#000000按鈕的文字顏色
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)
  • object.success回呼函數參數: Object res
内容類型說明
tapIndexnumber用戶按一下的按鈕序號,從上到下的順序,從0開始
  • 示例代碼:
js
wx.showActionSheet({
  itemList: ['A', 'B', 'C'],
  success (res) {
    console.log(res.tapIndex)
  },
  fail (res) {
    console.log(res.errMsg)
  }
})

showLoading

TIP

該API使用方法為: wx.showLoading(Object object)

  • 功能說明: 顯示loading提示框, wx.hideLoading 才能關閉提示框。
  • 參數及說明: Object object
内容類型預設值必填說明
titlestring-提示的內容
maskbooleanfalse是否顯示透明蒙層,防止觸摸穿透
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)
  • 示例代碼:
js
wx.showLoading({
  title: 'loading',
})

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

TIP

showModal

TIP

該API使用方法為: wx.showModal(Object object)

TIP

  • Android 6.7.2以下版本,點擊取消或蒙層時,回檔fail, errMsg為'fail cancel'。
  • Android 6.7.2及以上版本和iOS點擊蒙層不會關閉模態彈窗,所以儘量避免使用「取消」分支中實現業務邏輯。
  • 功能說明: 顯示模態對話方塊
  • 參數及說明: Object object
内容類型預設值必填說明
titlestring-提示的標題
contentstring-提示的內容
showCancelbooleantrue是否顯示取消按鈕
cancelTextstringcancel取消按鈕的文字,最多4個字元
cancelColorstring#000000取消按鈕的文字顏色,必須是16進制格式的顏色字串
confirmTextstringconfirm確認按鈕的文字,最多4個字符
confirmColorstring#576B95確認按鈕的文字顏色,必須是16進位格式的顏色字串
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)
  • object.success回呼函數參數: Object res
内容類型說明
confirmboolean為true時,表示用戶按一下了確定按鈕
cancelboolean為true時,表示用戶按一下了取消(用於Android系統區分按一下蒙層關閉還是按一下取消按鈕關閉)
  • 示例代碼:
js
wx.showModal({
  title: 'Prompt',
  content: 'This is a modal dialog box',
  success (res) {
    if (res.confirm) {
      console.log(User clicked "Confirm")
    } else if (res.cancel) {
      console.log(User clicked "Cancel")
    }
  }
})

showToast

TIP

該API使用方法為: wx.showModal(Object object)

  • 功能說明: 顯示消息提示框
  • 參數及說明: Object object
内容類型預設值必填說明
titlestring-提示的內容
iconstringsuccess圖標,其合法值為:
1.success: 顯示成功圖標,此時title文字最多顯示7個漢字長度
2.error: 顯示失敗圖標,此時title文字最多顯示7個漢字長度
3.loading: 顯示加載圖標,此時title文字最多顯示7個漢字長度
4.none: 不顯示圖標,此時title文字最多可顯示兩行
imagestring-自定義圖標的本地路徑,image的優先順序高於icon
durationnumber1500提示的延遲時間
maskbooleanfalse是否顯示透明蒙層,防止觸摸穿透
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)
  • 示例代碼:
js
wx.showToast({
  title: 'success',
  icon: 'success',
  duration: 2000
})

TIP

enableAlertBeforeUnload

TIP

該API使用方法為: wx.enableAlertBeforeUnload(Object object)

  • 功能說明: 開啟小程序頁面返回詢問對話方塊

  • 彈跳窗條件:

    • 當用戶在小程序內非首頁頁面/最底層頁。
    • 官方導航欄上的返回。
    • 全屏模式下自繪返回鍵。
    • android系統back鍵時。

      TIP

      • 手勢滑動返回時不做攔截。
      • 在任何場景下,此功能都不應攔住用戶退出小程序的行為。
  • 參數及說明: Object object

内容類型預設值必填說明
messagestring-詢問對話方塊內容
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)

disableAlertBeforeUnload

TIP

該API使用方法為: wx.disableAlertBeforeUnload(Object object)

  • 功能說明: 關閉小程序頁面返回詢問對話方塊
  • 參數及說明: Object object
内容類型預設值必填說明
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)