微信小程序:交互反馈 API 说明

高洛峰
Lepaskan: 2017-03-03 10:41:28
asal
2564 orang telah melayarinya

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()
Salin selepas log masuk


隐藏消息提示框

wx.showToast({
    title: '加载中',
    icon: 'loading',
    duration: 10000
}) setTimeout(function() {
    wx.hideToast()
},
2000) wx.showModal(OBJECT)
Salin selepas log masuk




显示模态弹窗
OBJECT参数说明:
[tr]参数类型必填说明[/tr]

titleString提示的标题
contentString提示的内容
showCancelBoolean是否显示取消按钮,默认为 true
cancelTextString取消按钮的文字,默认为"取消"
cancelColorHexColor取消按钮的文字颜色,默认为"#000000"
confirmTextString确定按钮的文字,默认为"确定"
confirmColorHexColor确定按钮的文字颜色,默认为"#3CC51F"
successFunction接口调用成功的回调函数,返回res.confirm==1时,表示用户点击确定按钮
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.showModal({
    title: '提示',
    content: '这是一个模态弹窗',
    success: function(res) {
        if (res.confirm) {
            console.log('用户点击确定')
        }
    }
}) wx.showActionSheet(OBJECT)
Salin selepas log masuk



显示操作菜单
OBJECT参数说明:
[tr]参数类型必填说明[/tr]

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

success返回参数说明:
[tr]参数类型说明[/tr]

cancelBoolean用户是否取消选择
tapIndexNumber用户点击的按钮,从上到下的顺序,从0开始

示例代码:

wx.showActionSheet({
    itemList: ['A', 'B', 'C'],
    success: function(res) {
        if (!res.cancel) {
            console.log(res.tapIndex)
        }
    }
})
Salin selepas log masuk


更多微信小程序:交互反馈 API 说明相关文章请关注PHP中文网!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan