uni-app 模态弹窗

显示模态弹窗,类似于标准 html 的消息框:alert、confirm。

Api 接口

uni.showModal(OBJECT)

参数说明

参数 类型 必填 说明 平台差异说明
title String 提示的标题
content String 提示的内容
showCancel Boolean 是否显示取消按钮,默认为 true
cancelText String 取消按钮的文字,默认为"取消",最多 4 个字符
cancelColor HexColor 取消按钮的文字颜色,默认为"#000000" H5、微信小程序、百度小程序
confirmText String 确定按钮的文字,默认为"确定",最多 4 个字符
confirmColor HexColor 确定按钮的文字颜色,H5平台默认为"#007aff",微信小程序平台默认为"#3CC51F",百度小程序平台默认为"#3c76ff" H5、微信小程序、百度小程序
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)  

注意

钉钉小程序真机与模拟器表现有差异,真机title,content均为必填项

success返回参数说明

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

代码示例

uni.showModal({
    title: '模态弹窗标题',
    content: '模态弹窗内容',
    success: function (res) {
        if (res.confirm) {
            console.log('您点击了确定');
        } else if (res.cancel) {
            console.log('您点击了取消');
        }
    }
});