微信小程序弹窗说明

1-最常用的加载防止服务器数据没有回调完成出发小程序页面！

 wx.showLoading({title:'加载中',mask:true})//开始wx.hideLoading()//完毕

2-显示消息提示框

  wx.showToast({title: '内容', //提示的内容duration: 2000, //持续的时间icon: 'loading', //图标有success、error、loading、none四种mask: true //显示透明蒙层 防止触摸穿透})

3-需要确认弹窗

  wx.showModal({title: '我是标题', //提示的标题content: '我是内容', //提示的内容success: function(res) {if(res.confirm) {console.log('用户点击了确定')} else if (res.cancel) {console.log('用户点击了取消')}}})

4-选项弹窗

 wx.showActionSheet({itemList:['选项一','选项二','其它'], //文字数组success: (res) => {switch(res.tapIndex) {case 0:console.log('点击了 选项一')break;case 1:console.log('点击了 选项二')break;	case 2:console.log('点击了 其它选项')break;}},fail (res) {console.log('取消选项')}})

5-弹窗完成后操作事件弹窗

wx.showToast({title: '提交成功',icon: 'success',    //如果要纯文本，不要icon，将值设为'none'duration: 2000,mask:true,//是否显示透明蒙层，防止触摸穿透，默认：false success:function(){setTimeout(function () { wx.navigateBack({ delta: 1 //返回上一级页面});    }, 2500);}   })  

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！