showModal 1.0.0+

显示模态弹窗。

输入

继承标准对象输入，扩展属性描述：

名称数据类型属性默认值描述
titlestringoptional</td><td>标题</td></tr><tr><td><code>content</code></td><td><code>string</code></td><td>optional</td><td>内容
confirmTextstringoptional确定确定按钮的文案，最多4个字符
showCancelbooleanoptionaltrue是否显示取消按钮
cancelTextstringoptional取消取消按钮的文案，最多4个字符

⚠️注意

title和content不可同时为空。

输出

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

名称数据类型描述
confirmboolean是否点击了确定按钮
cancelboolean是否点击了取消按钮

代码示例

  1. tt.showModal({
  2.     title: '请求获得定位权限',
  3.     content: '获得你的地理位置能够更好的为你推荐本地信息',
  4.     success (res) {
  5.         if (res.confirm) {
  6.             console.log('confirm, continued');
  7.         } else if (res.cancel) {
  8.             console.log('cancel, cold')
  9.         } else {
  10.             // what happend?
  11.         }
  12.     },
  13.     fail (res) {
  14.         console.log(`showModal调用失败`);
  15.     }
  16. });

已知问题

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

原文: https://developer.toutiao.com/docs/api/showModal.html