微信小程序showModa

wx.showModal是微信小程序中自带的弹窗API.

OBJECT参数说明:

参数 类型 必填 说明
title String 是 提示的标题
content String 是 提示的内容
showCancel Boolean 否 是否显示取消按钮,默认为 true
cancelText String 否 取消按钮的文字,默认为”取消”,最多 4 个字符
cancelColor HexColor 否 取消按钮的文字颜色,默认为”#000000”
confirmText String 否 确定按钮的文字,默认为”确定”,最多 4 个字符
confirmColor HexColor 否 确定按钮的文字颜色,默认为”#3CC51F”
success Function 否 接口调用成功的回调函数
fail Function 否 接口调用失败的回调函数
complete Function 否 接口调用结束的回调函数(调用成功、失败都会执行)
success返回参数说明:

参数 类型 说明 最低版本
confirm Boolean 为 true 时,表示用户点击了确定按钮
cancel Boolean 为 true 时,表示用户点击了取消(用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭) 1.1.0

实际使用时,可以将其封装为一个通用函数

export function showModal (text, content, confirm, cancel) {
wx.showModal({
title: text,
content: content,
success: function (res) {
if (res.confirm) {
console.log(‘确认’)
confirm()
return true
} else if (res.cancel) {
console.log(‘取消’)
cancel()
return false
}
}
})
}

其中text为标题,content为文本,后面2个参数为确认和取消的回调函数,可以以匿名函数的方式传入。
微信小程序showModa_第1张图片

你可能感兴趣的:(微信小程序)