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个字符

⚠️注意

titlecontent不可同时为空。

输出

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. });

已知问题

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

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