首页 > 网站 > WEB开发 > 正文

微信小程序之toast等弹框提示

2024-04-27 15:18:07
字体:
来源:转载
供稿:网友

微信小程序中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) }})

效果图: 这里写图片描述 就是这么简单,赶紧动起来试试吧。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表