小程序常用的三种弹框有:
showToast:消息提示框
showModal:模态对话框
showLoading:加载框
第一: showToast:消息提示框
默认的样式
自定义icon图标
具体代码如下:
wx.showToast({
title: '成功',//提示内容
icon: 'loading',//图标(success成功图标、error失败图标、loading加载图标、none不显示图标)
image:'../../img/001.png',//自定义图标的本地路径,image层级高于icon
duration: 2000,//提示的延时时间
mask:true,//是否显示透明蒙层,防止触摸穿透
success(){},//调用成功函数
fail(){},//调用失败函数
complete(){},//成功/失败调用都会执行
})
官方文档地址:wx.showToast(Object object) | 微信开放文档
第二:showModal:模态对话框
具体代码如下:
wx.showModal({
title: '提示',
content: '这是一个模态弹窗',//editable如果为true,这就是输入框的内容
editable:true,//是否显示输入框
placeholderText:'请输入内容吧',//输入框的默认内容
success (res) {
if (res.confirm) {
console.log('用户点击确定',res)
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
官方文档地址:wx.showModal(Object object) | 微信开放文档
第三:showLoading:加载框
具体代码如下:文章来源:https://www.toymoban.com/news/detail-501914.html
wx.showLoading({
title:'加载中...'
})
setTimeout(function () {
wx.hideLoading()
},2000)
官方文档地址:wx.showLoading(Object object) | 微信开放文档文章来源地址https://www.toymoban.com/news/detail-501914.html
到了这里,关于小程序的三种弹框showToast、showModal、showLoading的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!