交互反馈

优质
小牛编辑
141浏览
2023-12-01

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 文本最多可显示两行

示例代码

jd.showToast({
  title: '成功',
  icon: 'success',
  duration: 3000
})

jd.showLoading(OBJECT)

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

OBJECT 参数说明:

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

jd.hideToast()

隐藏消息提示框

jd.hideLoading()

隐藏 loading 提示框

示例代码

jd.showLoading({
  title: '请求中',
})

setTimeout(function(){
  jd.hideLoading()
},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 系统区分点击蒙层关闭还是点击取消按钮关闭)

示例代码

jd.showModal({
  title: '提示',
  content: '模态弹窗',
  success: function(res) {
    if (res.confirm) {
      console.log('点击确定')
    } else if (res.cancel) {
      console.log('点击取消')
    }
  }
})

jd.showActionSheet(OBJECT)

显示操作菜单

OBJECT 参数说明:

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

success 返回参数说明:

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

示例代码:

jd.showActionSheet({
  itemList: ['A', 'B', 'C'],
  success: function(res) {
    console.log(res.tapIndex)
  },
  fail: function(res) {
    console.log(res.errMsg)
  }
})
Bug & Tips
  • jd.showActionSheet 点击取消或蒙层时,回调 fail, errMsg 为 "showActionSheet:fail cancel";
  • jd.showLoading 和 jd.showToast 同时只能显示一个,但 jd.hideToast/jd.hideLoading 也应当配对使用;
  • iOS jd.showModal 点击蒙层不会关闭模态弹窗,所以尽量避免使用 “取消” 分支中实现业务逻辑。

jd.enableAlertBeforeUnload(Object object)

开启小程序页面返回询问对话框

OBJECT 参数说明:

参数类型必填说明
messagestring询问对话框内容
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)

jd.disableAlertBeforeUnload(Object object)

关闭小程序页面返回询问对话框

OBJECT 参数说明:

参数类型必填说明
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)