1.提示文字
可以设置显示时间(仅提示时使用)duration设置时间
不显示icon,此时 title文字最多可显示两行
也可以显示icon,显示icon文字最多显示 7 个汉字长度
icon常用的有:success、error、loading
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000
})
示例图片
2.模态对话框
可以确认和关闭
wx.showModal({
title: '提示',
content: '确定要取消订单吗?',
success (res) {
if (res.confirm) {
//这里是点击确认执行事件
} else if (res.cancel) {
//这里是点击取消执行事件
}
}
})
如图
文章来源:https://www.toymoban.com/news/detail-506861.html
3.loading 提示框
显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框
注意:wx.showLoading 和 wx.showToast 同时只能显示一个
wx.showLoading({
title: '加载中',
})
setTimeout(function () {
wx.hideLoading()
}, 2000)
如图:
4.行选择弹窗
itemList数组所对应的选项
wx.showActionSheet({
itemList:['A', 'B', 'C'],
success: (res) => {
switch(res.tapIndex) {
case 0:
console.log('a')
break;
case 1:
console.log('b')
break;
case 2:
console.log('c')
break;
}
},
fail (res) {
console.log('取消')
}
})
如图
微信小程序文档地址:wx.showToast(Object object) | 微信开放文档文章来源地址https://www.toymoban.com/news/detail-506861.html
到了这里,关于微信小程序几种常用弹窗提示方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!