显示消息提示框
wx.showToast({ title: '内容', //提示的内容 duration: 2000, //持续的时间 icon: 'loading', //图标有success、error、loading、none四种 mask: true //显示透明蒙层 防止触摸穿透 })
示例:
显示模态对话框
wx.showModal({ title: '我是标题', //提示的标题 content: '我是内容', //提示的内容 success: function(res) { if(res.confirm) { console.log('用户点击了确定') } else if (res.cancel) { console.log('用户点击了取消') } } })
示例:
显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框
wx.showLoading({ title: '加载中', }) setTimeout(function () { wx.hideLoading() }, 2000)
示例:
注意:
wx.showLoading 和 wx.showToast 同时只能显示一个wx.showLoading 应与 wx.hideLoading 配对使用
显示操作菜单
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('取消选项') } })
示例:
具体内容可见官网:微信小程序弹窗