常用的微信小程序弹出框事件

常用的小程序弹出框

wx.showToast()

代码:

wx.showToast({

title: ‘提示信息’,

})

参数:

title：显示的提示信息，在没有图标的情况下，文本内容可显示两行

icon: 显示的图标

success：成功图标

loading：加载图标

none：没有图标

image：自定义显示的图标，优先级高于icon

duration：延迟的时间，弹出框弹出后的显示时间

mask：true/false是否显示遮罩层

success：接口调用成功的回调函数

fail：接口调用失败的回调函数

complete：不管成功还是失败都会执行的函数

wx.showLoading()

代码:

wx.showLoading({

title: ‘玩命加载中。。。’,

})

参数:

title：加载的提示信息eg：玩命加载中…

mask：是否现思遮罩层

success：接口调用成功的回调函数

fail：接口调用失败的回调函数

complete：无论成功还是失败都会执行的函数

wx.showModal()

代码:

wx.showModal({

title: ‘提示’,

content: ‘这是一个模态弹窗’,

success: function(res){

if (res.confirm) {

console.log(‘用户点击确定’)

} else if (res.cancel) {

console.log(‘用户点击取消’)

}

}

})

参数:

title：提示信息的标题

content：提示信息的内容

showCancel：true/false是否显示取消按钮

cancelText：取消按钮的文本内容，不得超过四个字符

cancelColor：取消按钮的文本颜色，默认#000000

confirmText：确认按钮的文本内容，不得超过四个字符

confirmColor：却惹按钮的文本颜色，默认#000000

success：接口成功的回调

fail：接口失败的回调

complete：无论成功或失败都会调用

wx.showActionSheet(Object object)

wx.showActionSheet({
  itemList: ['A', 'B', 'C'],
  success (res) {
    console.log(res.tapIndex)
  },
  fail (res) {
    console.log(res.errMsg)
  }
})

参数:

itemList：按钮的文字数组，数组长度最大为 6

itemColor：按钮的文字颜色

success：接口调用成功的回调函数

fail：接口调用失败的回调函数

complete：接口调用结束的回调函数（调用成功、失败都会执行）