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

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:接口调用结束的回调函数(调用成功、失败都会执行)

  • 1
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值