常用的小程序弹出框
- wx.showToast()
- wx.showLoading()
- wx.showModal()
wx.showToast()
代码:
wx.showToast({
title: ‘提示信息’,
})
参数:
title：显示的提示信息，在没有图标的情况下，文本内容可显示两行
icon: 显示的图标
success：成功图标
loading：加载图标
none：没有图标
image：自定义显示的图标，优先级高于icon
duration：延迟的时间，弹出框弹出后的显示时间
mask：true/false是否显示遮罩层
success：接口调用成功的回调函数
fail：接口调用失败的回调函数
complete：不管成功还是失败都会执行的函数
wx.showLoading()
代码:
wx.showLoading({
title: ‘玩命加载中。。。’,
})
参数:
title：加载的提示信息eg：玩命加载中…
mask：是否现思遮罩层
success：接口调用成功的回调函数
fail：接口调用失败的回调函数
complete：无论成功还是失败都会执行的函数
wx.showModal()
代码:
wx.showModal({
title: ‘提示’,
content: ‘这是一个模态弹窗’,
success: function(res){
if (res.confirm) {
console.log(‘用户点击确定’)
} else if (res.cancel) {
console.log(‘用户点击取消’)
}
}
})
参数:
title：提示信息的标题
content：提示信息的内容
showCancel：true/false是否显示取消按钮
cancelText：取消按钮的文本内容，不得超过四个字符
cancelColor：取消按钮的文本颜色，默认#000000
confirmText：确认按钮的文本内容，不得超过四个字符
confirmColor：却惹按钮的文本颜色，默认#000000
success：接口成功的回调
fail：接口失败的回调
complete：无论成功或失败都会调用
参考博客:https://www.cnblogs.com/bgwhite/p/9335648.html
