微信小程序中toast消息提示框只有两种显示的效果,就是成功和加载,使用wx.showToast(OBJECT)。 看下有关参数说明: 代码很简单:
wx.showToast({ title: '成功', icon: 'succes', duration: 1000, mask:true })mask属性好像并没有起作用。有一点值得注意的是提示的延迟时间是有限制的,最大10000毫秒。 还有一个函数是wx.hideToast(),这个是隐藏toast,主要用于显示加载提示的时候用到,如:
wx.showToast({ title: '加载中', icon: 'loading', duration: 10000})setTimeout(function(){ wx.hideToast()},2000)本来加载时间是10000毫秒的,然后2000毫秒的时候就隐藏了,这个具体情况而定了哈。
第二个弹窗是模态弹窗:wx.showModal(OBJECT) 参数如下:
这个跟我们Android里面的Dialog相似,效果如下:
代码如下:
wx.showModal({ title: '提示', content: '模态弹窗', success: function (res) { if (res.confirm) { console.log('用户点击确定') }else{ console.log('用户点击取消') } } })最后一个是操作菜单:wx.showActionSheet(OBJECT) 这个函数我们在上一篇博文用过,这里说一下也无妨。先看一下参数介绍:
success有一个返回参数:
这里直接贴官方实例了:
wx.showActionSheet({ itemList: ['A', 'B', 'C'], success: function(res) { console.log(res.tapIndex) }, fail: function(res) { console.log(res.errMsg) }})效果图: 就是这么简单,赶紧动起来试试吧。
新闻热点
疑难解答