Skip to content

sud.showModal ​

显示模态对话框,支持确认、取消以及文本输入。

javascript
sud.showModal(object);

参数 ​

属性类型必填说明
titlestring否对话框标题
contentstring否对话框内容
showCancelboolean否是否显示取消按钮;建议显式传入
cancelTextstring否取消按钮文字,最多 4 个字符
cancelColorstring否取消按钮文字颜色,使用十六进制颜色字符串,如 #000000
confirmTextstring否确认按钮文字,最多 4 个字符
confirmColorstring否确认按钮文字颜色,使用十六进制颜色字符串,如 #576B95
editableboolean否是否显示文本输入框;建议显式传入
placeholderTextstring否输入框提示文字,在 editable: true 时使用
successfunction否用户点击按钮后的回调,参数见下文
failfunction否调用失败的回调
completefunction否调用结束时执行,成功、失败均执行,不传入参数

成功回调参数 ​

属性类型说明
confirmboolean用户是否点击了确认按钮
cancelboolean用户是否点击了取消按钮
contentstring用户输入的内容;仅在启用输入框时使用

失败回调参数 ​

属性类型说明
errCodenumber错误码
errMsgstring错误说明

使用说明 ​

使用前请确认目标 App 支持该界面能力。点击取消按钮也会进入 success,请根据 confirm 或 cancel 判断用户选择。需要输入内容时设置 editable: true,并在确认后校验 content。

示例 ​

javascript
sud.showModal({
  title: '退出游戏',
  content: '确定要退出当前对局吗?',
  showCancel: true,
  cancelText: '取消',
  cancelColor: '#000000',
  confirmText: '退出',
  confirmColor: '#576B95',
  editable: false,
  success(result) {
    if (result.confirm) {
      console.log('用户确认退出');
    } else if (result.cancel) {
      console.log('用户取消退出');
    }
  },
  fail(error) {
    console.error('显示对话框失败', error.errCode, error.errMsg);
  }
});