tt.showModal
从基础库 1.0.0 开始支持。
显示模态弹窗。
参数
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| title | string | 否 | 标题 | |
| content | string | 否 | 内容 | |
| confirmText | string | 确定 | 否 | 确定按钮的文案，最多 4 个字符 |
| showCancel | boolean | true | 否 | 是否显示取消按钮 |
| cancelText | string | 取消 | 否 | 取消按钮的文案，最多 4 个字符 |
| success | function | 否 | 接口调用成功后的回调函数 | |
| fail | function | 否 | 接口调用失败后的回调函数 | |
| complete | function | 否 | 接口调用结束后的回调函数（调用成功、失败都会执行） |
success 返回参数说明
Object 类型，属性如下：
| 属性 | 类型 | 说明 |
|---|---|---|
| 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调用失败`);
}
});Bug & Tip
- 暂不支持confirmColor和cancelColor参数。
- title的长度限制：android 端限制为 1 行，每行约 13 个汉字。iOS 端限制为 3 行，每行约 17 个汉字。
- content的长度限制：android 端没有限制，Modal 最高为屏幕高度，内容滚动；iOS 端限制为 3 行，每行约 17 个汉字。
- 输入参数的title和content不可同时为空。