uni-app 弹出提示框

uni.showModal(OBJECT)

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

OBJECT参数说明

参数类型必填说明平台差异说明
titleString提示的标题 
contentString提示的内容 
showCancelBoolean是否显示取消按钮,默认为 true 
cancelTextString取消按钮的文字,默认为"取消",最多 4 个字符 
cancelColorHexColor取消按钮的文字颜色,默认为"#000000"H5、微信小程序、百度小程序
confirmTextString确定按钮的文字,默认为"确定",最多 4 个字符 
confirmColorHexColor确定按钮的文字颜色,H5平台默认为"#007aff",微信小程序平台默认为"#3CC51F",百度小程序平台默认为"#3c76ff"H5、微信小程序、百度小程序
successFunction接口调用成功的回调函数 
failFunction接口调用失败的回调函数 
completeFunction接口调用结束的回调函数(调用成功、失败都会执行) 

success返回参数说明

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

Tips:

示例

uni.showModal({
    title: '提示',
    content: '这是一个模态弹窗',
    success: function (res) {
        if (res.confirm) {
            console.log('用户点击确定');
        } else if (res.cancel) {
            console.log('用户点击取消');
        }
    }
});

版权声明:本文为Xl4277原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。