1、wx.showToast
使用場景:常規(guī)的提示,沒有確定和取消按鈕。
例:
屬性:
title:提示的內(nèi)容
icon:顯示的圖標,合法值有success、error、loading、none
image:自定義圖標的本地路徑,優(yōu)先級高于icon
duration:提示的延遲時間
mask:是否顯示透明蒙層,防止觸摸穿透
success:API調(diào)用成功后的回調(diào)函數(shù)
fail:API調(diào)用失敗后的回調(diào)函數(shù)
complete:API調(diào)用結(jié)束的回調(diào)函數(shù)(無論成功與否都會執(zhí)行)
實現(xiàn):
wx.showToast({ title: '成功', icon: 'success', duration: 2000 })
2、wx.showModal
使用場景:一般為公告或(用戶的不合理行為)提供提示,帶有確定和取消按鈕。
例:
屬性:
title:提示的標題
content:提示的內(nèi)容
showCancel:是否顯示取消按鈕
cancelText:取消按鈕的文字,最多4個字符
cancelColor:取消按鈕的文字顏色,必須是16進制格式的顏色字符串
confirmText:確認按鈕的文字,最多4個字符
confirmColor:確認按鈕的文字顏色,必須是16進制格式的顏色字符串
editable:是否顯示輸入框
placeholderText:顯示輸入框時的提示文本
success:接口調(diào)用成功的回調(diào)函數(shù)
fail:接口調(diào)用失敗的回調(diào)函數(shù)
complete:接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)
示例:文章來源:http://www.zghlxwxcb.cn/news/detail-484433.html
wx.showModal({ title: '提示', content: '這是一個模態(tài)彈窗', success (res) { if (res.confirm) { console.log('用戶點擊確定') } else if (res.cancel) { console.log('用戶點擊取消') } } })
3、wx.showLoading
使用場景:用戶等待時的提示
例:
屬性:
title:提示的內(nèi)容
mask:是否顯示透明蒙層,防止觸摸穿透
success:接口調(diào)用成功的回調(diào)函數(shù)
fail:接口調(diào)用失敗的回調(diào)函數(shù)
complete:接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)
示例:
wx.showLoading({ title: '加載中', }) setTimeout(function () { wx.hideLoading() }, 2000)
?文章來源地址http://www.zghlxwxcb.cn/news/detail-484433.html
到了這里,關(guān)于微信小程序彈窗提示:wx.showToast、wx.showModal、wx.showLoading的使用場景與實現(xiàn)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!