微信小程序> 小程序分享框-小程序提示框-小程序分享

小程序分享框-小程序提示框-小程序分享

浏览量:1724 时间: 来源:张高伟
wx.showToast(OBJECT)

1.显示消息提示框

2.OBJECT参数说明:

参数类型必填说明最低版本titleString是提示的内容iconString否图标,有效值"success","loading","none"imageString否自定义图标的本地路径,image的优先级高于icon1.1.0durationNumber否提示的延迟时间,单位毫秒,默认:1500maskBoolean否是否显示透明蒙层,防止触摸穿透,默认:falsesuccessFunction否接口调用成功的回调函数failFunction否接口调用失败的回调函数completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)

3.icon有效值

有效值说明最低版本success显示成功图标,此时title文本最多显示7个汉字长度。默认值loading显示加载图标,此时title文本最多显示7个汉字长度。none不显示图标,此时title文本最多可显示两行1.9.0

4.示例代码:

wx.showToast({title:'成功',icon:'success',duration:2000})wx.showLoading(OBJECT)

5.基础库1.1.0开始支持,低版本需做兼容处理

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

7.OBJECT参数说明:

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

8.隐藏消息提示框

wx.hideLoading()

9.基础库1.1.0开始支持,低版本需做兼容处理

10.隐藏loading提示框

wx.showLoading({title:'加载中',})setTimeout(function(){wx.hideLoading()},2000)wx.showModal(OBJECT)

11.​显示模态弹窗

12.OBJECT参数说明:

参数类型必填说明titleString是提示的标题contentString是提示的内容showCancelBoolean否是否显示取消按钮,默认为truecancelTextString否取消按钮的文字,默认为"取消",最多4个字符cancelColorHexColor否取消按钮的文字颜色,默认为"#000000"confirmTextString否确定按钮的文字,默认为"确定",最多4个字符confirmColorHexColor否确定按钮的文字颜色,默认为"#3CC51F"successFunction否接口调用成功的回调函数failFunction否接口调用失败的回调函数completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)

13.success返回参数说明:

参数类型说明最低版本confirmBoolean为true时,表示用户点击了确定按钮cancelBoolean为true时,表示用户点击了取消(用于Android系统区分点击蒙层关闭还是点击取消按钮关闭)1.1.0

14.示例代码:

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

15.​显示操作菜单

16.OBJECT参数说明:

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

17.success返回参数说明:

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

18.示例代码:

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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎