showModal 1.0.0+

显示模态弹窗。

输入

继承标准对象输入,扩展属性描述:

名称 数据类型 属性 默认值 描述
title string optional `` 标题
content string optional `` 内容
confirmText string optional 确定 确定按钮的文案,最多4个字符
showCancel boolean optional true 是否显示取消按钮
cancelText string optional 取消 取消按钮的文案,最多4个字符

⚠️注意

titlecontent不可同时为空。

输出

success返回对象参数的扩展属性:

名称 数据类型 描述
confirm boolean 是否点击了确定按钮
cancel boolean 是否点击了取消按钮

代码示例

 
















tt.showModal({
    title: '请求获得定位权限',
    content: '获得你的地理位置能够更好的为你推荐本地信息',
    success (res) {
        if (res.confirm) {
            console.log('confirm, continued');
        } else if (res.cancel) {
            console.log('cancel, cold')
        } else {
            // what happend?
        }
    },
    fail (res) {
        console.log(`showModal调用失败`);
    }
});

已知问题

  • 暂不支持confirmColorcancelColor参数。
  • title的长度限制:
    • android 端限制为 1 行,每行约13个汉字;
    • iOS 端限制为 3 行,每行约17个汉字。
  • content的长度限制:
    • android 端没有限制,Modal最高为屏幕高度,内容滚动;
    • iOS 端限制为 3 行,每行约17个汉字。