微信小程序几种常用弹窗提示方法
短信预约 -IT技能 免费直播动态提醒
1.提示文字
可以设置显示时间(仅提示时使用)duration设置时间
不显示icon,此时 title文字最多可显示两行
也可以显示icon,显示icon文字最多显示 7 个汉字长度
icon常用的有:success、error、loading
wx.showToast({ title: '成功', icon: 'success', duration: 2000})
示例图片
2.模态对话框
可以确认和关闭
wx.showModal({title: '提示', content: '确定要取消订单吗?',success (res) {if (res.confirm) {//这里是点击确认执行事件} else if (res.cancel) { //这里是点击取消执行事件} }})
如图
3.loading 提示框
显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框
注意:wx.showLoading 和 wx.showToast 同时只能显示一个
wx.showLoading({ title: '加载中',})setTimeout(function () { wx.hideLoading()}, 2000)
如图:
4.行选择弹窗
itemList数组所对应的选项
wx.showActionSheet({itemList:['A', 'B', 'C'], success: (res) => {switch(res.tapIndex) {case 0:console.log('a')break;case 1:console.log('b')break;case 2:console.log('c')break;}},fail (res) {console.log('取消')}})
如图
微信小程序文档地址:wx.showToast(Object object) | 微信开放文档
来源地址:https://blog.csdn.net/weixin_48951113/article/details/129390004
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341