1、wx.showToast
使用場景:常規的提示,沒有確定和取消按鈕。
屬性:
title:提示的內容
icon:顯示的圖標,合法值有success、error、loading、none
image:自定義圖標的本地路徑,優先級高于icon
duration:提示的延遲時間
mask:是否顯示透明蒙層,防止觸摸穿透
success:API調用成功后的回調函數
fail:API調用失敗后的回調函數
complete:API調用結束的回調函數(無論成功與否都會執行)
實現:
wx.showToast({
title: "登陸失敗:openid獲取異常",
icon: 'none',
mask: true,
duration: 1500
})
wx.showToast({
title: "加載中...",
icon: 'loading',
mask: true,
duration: 1500
})
2、wx.showModal
使用場景:一般為公告或(用戶的不合理行為)提供提示,帶有確定和取消按鈕。
屬性:
title:提示的標題
content:提示的內容
showCancel:是否顯示取消按鈕
cancelText:取消按鈕的文字,最多4個字符
cancelColor:取消按鈕的文字顏色,必須是16進制格式的顏色字符串
confirmText:確認按鈕的文字,最多4個字符
confirmColor:確認按鈕的文字顏色,必須是16進制格式的顏色字符串
editable:是否顯示輸入框
placeholderText:顯示輸入框時的提示文本
success:接口調用成功的回調函數
fail:接口調用失敗的回調函數
complete:接口調用結束的回調函數(調用成功、失敗都會執行)
示例:

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