jd.showToast(OBJECT)

显示消息提示框

OBJECT 参数说明：

参数类型必填说明
titleString是提示的内容
iconString否图标，有效值 "success", "loading", "none"
imageString否自定义图标的本地路径，image 的优先级高于 icon
durationNumber否提示的延迟时间，单位毫秒，默认：1500
maskBoolean否是否显示透明蒙层，防止触摸穿透，默认：false
successFunction否接口调用成功的回调函数
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

icon 有效值

有效值说明
success显示成功图标，此时 title 文本最多显示 7 个汉字长度。默认值
loading显示加载图标，此时 title 文本最多显示 7 个汉字长度。
none不显示图标，此时 title 文本最多可显示两行

示例代码

  1. jd.showToast({
  2.   title: '成功',
  3.   icon: 'success',
  4.   duration: 3000
  5. })

jd.showLoading(OBJECT)

显示 loading 提示框, 需主动调用 jd.hideLoading 才能关闭提示框

OBJECT 参数说明：

参数类型必填说明
titleString是提示的内容
maskBoolean否是否显示透明蒙层，防止触摸穿透，默认：false
successFunction否接口调用成功的回调函数
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

jd.hideToast()

隐藏消息提示框

jd.hideLoading()

隐藏 loading 提示框

示例代码

  1. jd.showLoading({
  2.   title: '请求中',
  3. })
  5. setTimeout(function(){
  6.   jd.hideLoading()
  7. },2000)

jd.showModal(OBJECT)

显示模态弹窗

OBJECT 参数说明：

参数类型必填说明
titleString是提示的标题
contentString是提示的内容
showCancelBoolean否是否显示取消按钮，默认为 true
cancelTextString否取消按钮的文字，默认为 "取消"，最多 4 个字符
cancelColorHexColor否取消按钮的文字颜色，默认为 "#000000"
confirmTextString否确定按钮的文字，默认为 "确定"，最多 4 个字符
confirmColorHexColor否确定按钮的文字颜色，默认为 "#F0250F"
successFunction否接口调用成功的回调函数
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

success 返回参数说明：

参数类型说明
confirmBoolean为 true 时，表示用户点击了确定按钮
cancelBoolean为 true 时，表示用户点击了取消（用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭）

示例代码

  1. jd.showModal({
  2.   title: '提示',
  3.   content: '模态弹窗',
  4.   success: function(res) {
  5.     if (res.confirm) {
  6.       console.log('点击确定')
  7.     } else if (res.cancel) {
  8.       console.log('点击取消')
  9.     }
  10.   }
  11. })

jd.showActionSheet(OBJECT)

显示操作菜单

OBJECT 参数说明：

参数类型必填说明
itemListString Array是按钮的文字数组，数组长度最大为 6 个
itemColorHexColor否按钮的文字颜色，默认为 "#000000"
successFunction否接口调用成功的回调函数，详见返回参数说明
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

success 返回参数说明：

参数类型说明
tapIndexNumber用户点击的按钮，从上到下的顺序，从 0 开始

示例代码：

  1. jd.showActionSheet({
  2.   itemList: ['A', 'B', 'C'],
  3.   success: function(res) {
  4.     console.log(res.tapIndex)
  5.   },
  6.   fail: function(res) {
  7.     console.log(res.errMsg)
  8.   }
  9. })
Bug & Tips

  • jd.showActionSheet 点击取消或蒙层时，回调 fail, errMsg 为 "showActionSheet:fail cancel"；
  • jd.showLoading 和 jd.showToast 同时只能显示一个，但 jd.hideToast/jd.hideLoading 也应当配对使用；
  • iOS jd.showModal 点击蒙层不会关闭模态弹窗，所以尽量避免使用 “取消” 分支中实现业务逻辑。