Taro.showModal(option)
显示模态对话框 注意
- Android 6.7.2 以下版本,点击取消或蒙层时,回调 fail, errMsg 为 "fail cancel";
- Android 6.7.2 及以上版本 和 iOS 点击蒙层不会关闭模态弹窗,所以尽量避免使用「取消」分支中实现业务逻辑
支持情况:
类型
(option?: Option) => Promise<SuccessCallbackResult>
参数
参数 | 类型 |
---|---|
option | Option |
Option
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
cancelColor | string | 否 | 取消按钮的文字颜色,必须是 16 进制格式的颜色字符串 |
cancelText | string | 否 | 取消按钮的文字,最多 4 个字符 |
complete | (res: TaroGeneral.CallbackResult) => void | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
confirmColor | string | 否 | 确认按钮的文字颜色,必须是 16 进制格式的颜色字符串 |
confirmText | string | 否 | 确认按钮的文字,最多 4 个字符 |
content | string | 否 | 提示的内容 |
fail | (res: TaroGeneral.CallbackResult) => void | 否 | 接口调用失败的回调函数 |
showCancel | boolean | 否 | 是否显示取消按钮 |
success | (result: SuccessCallbackResult) => void | 否 | 接口调用成功的回调函数 |
title | string | 否 | 提示的标题 |
SuccessCallbackResult
参数 | 类型 | 说明 |
---|---|---|
cancel | boolean | 为 true 时,表示用户点击了取消(用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭) |
confirm | boolean | 为 true 时,表示用户点击了确定按钮 |
errMsg | string | 调用结果 |
示例代码
Taro.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})