柚子快報(bào)激活碼778899分享：前端 微信小程序的四種彈框
柚子快報(bào)激活碼778899分享：前端 微信小程序的四種彈框
一、wx.showToast(Object object)
顯示消息提示框
wx.showToast({
title: '內(nèi)容', //提示的內(nèi)容
duration: 2000, //持續(xù)的時(shí)間
icon: 'loading', //圖標(biāo)有success、error、loading、none四種
mask: true //顯示透明蒙層 防止觸摸穿透
})
示例：
二 、wx.showModal(Object object)
顯示模態(tài)對話框
wx.showModal({
title: '我是標(biāo)題', //提示的標(biāo)題
content: '我是內(nèi)容', //提示的內(nèi)容
success: function(res) {
if(res.confirm) {
console.log('用戶點(diǎn)擊了確定')
} else if (res.cancel) {
console.log('用戶點(diǎn)擊了取消')
}
}
})
示例：
三、wx.showLoading(Object object)
顯示 loading 提示框。需主動(dòng)調(diào)用 wx.hideLoading 才能關(guān)閉提示框
wx.showLoading({
title: '加載中',
})
setTimeout(function () {
wx.hideLoading()
}, 2000)
示例：
注意：
wx.showLoading 和 wx.showToast 同時(shí)只能顯示一個(gè)wx.showLoading 應(yīng)與 wx.hideLoading 配對使用
四、wx.showActionSheet(Object object)
顯示操作菜單
wx.showActionSheet({
itemList:['選項(xiàng)一','選項(xiàng)二','其它'], //文字?jǐn)?shù)組
success: (res) => {
switch(res.tapIndex) {
case 0:
console.log('點(diǎn)擊了 選項(xiàng)一')
break;
case 1:
console.log('點(diǎn)擊了 選項(xiàng)二')
break;
case 2:
console.log('點(diǎn)擊了 其它選項(xiàng)')
break;
}
},
fail (res) {
console.log('取消選項(xiàng)')
}
})
示例：
具體內(nèi)容可見官網(wǎng)：微信小程序彈窗
柚子快報(bào)激活碼778899分享：前端 微信小程序的四種彈框
精彩內(nèi)容
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點(diǎn)和立場。
轉(zhuǎn)載請注明，如有侵權(quán)，聯(lián)系刪除。
Monotaro工具優(yōu)選
