Rumah > Artikel > applet WeChat > 微信小程序:交互反馈 API 说明
wx.showToast(OBJECT)
显示消息提示框
OBJECT参数说明:
[tr]参数类型必填说明[/tr]
title | String | 是 | 提示的内容 |
icon | String | 否 | 图标,只支持"success"、"loading" |
duration | Number | 否 | 提示的延迟时间,单位毫秒,默认:1500, 最大为10000 |
success | Function | 否 | 接口调用成功的回调函数 |
fail | Function | 否 | 接口调用失败的回调函数 |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例代码:
wx.showToast({ title: '成功'icon: 'success', duration: 2000 }) wx.hideToast()
隐藏消息提示框
wx.showToast({ title: '加载中', icon: 'loading', duration: 10000 }) setTimeout(function() { wx.hideToast() }, 2000) wx.showModal(OBJECT)
显示模态弹窗
OBJECT参数说明:
[tr]参数类型必填说明[/tr]
title | String | 是 | 提示的标题 |
content | String | 是 | 提示的内容 |
showCancel | Boolean | 否 | 是否显示取消按钮,默认为 true |
cancelText | String | 否 | 取消按钮的文字,默认为"取消" |
cancelColor | HexColor | 否 | 取消按钮的文字颜色,默认为"#000000" |
confirmText | String | 否 | 确定按钮的文字,默认为"确定" |
confirmColor | HexColor | 否 | 确定按钮的文字颜色,默认为"#3CC51F" |
success | Function | 否 | 接口调用成功的回调函数,返回res.confirm==1时,表示用户点击确定按钮 |
fail | Function | 否 | 接口调用失败的回调函数 |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例代码:
wx.showModal({ title: '提示', content: '这是一个模态弹窗', success: function(res) { if (res.confirm) { console.log('用户点击确定') } } }) wx.showActionSheet(OBJECT)
显示操作菜单
OBJECT参数说明:
[tr]参数类型必填说明[/tr]
itemList | String Array | 是 | 按钮的文字数组,数组长度最大为6个 |
itemColor | HexColor | 否 | 按钮的文字颜色,默认为"#000000" |
success | Function | 否 | 接口调用成功的回调函数,详见返回参数说明 |
fail | Function | 否 | 接口调用失败的回调函数 |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
success返回参数说明:
[tr]参数类型说明[/tr]
cancel | Boolean | 用户是否取消选择 |
tapIndex | Number | 用户点击的按钮,从上到下的顺序,从0开始 |
示例代码:
wx.showActionSheet({ itemList: ['A', 'B', 'C'], success: function(res) { if (!res.cancel) { console.log(res.tapIndex) } } })
更多微信小程序:交互反馈 API 说明相关文章请关注PHP中文网!