一.Loading加载框
小程序提供了wx.showLoading用来在加载界面的时候使用,比如加载图片和数据的时候可以使用。
常常和wx.hideLoading()配合使用,否则加载框一直存在。
其效果如下:
代码如下:
//显示加载消息wx.showLoading({//提示内容不会换行,注意字数title: '数据加载...',//是否透明蒙层,防止触摸穿透mask:true})
//关掉loading提示框,和showLoading连用wx.hideLoading()
二.模态对话框和消息提示框
模态对话框:wx.showModal 用来展示和用户的对话,比如是否删除,是否修改等。
消息提示框:wx.showToast 用来和模态对话框配合使用,比如删除成功,删除失败等。
模态对话框效果:
代码:
const {confirm} = await wx.showModal({title: '提示',content: '是否删除?'// complete: (res) => {// if (res.cancel) {// }// if (res.confirm) {// }// }})
消息对话框效果:
代码:
//显示消息提示框wx.showToast({title: '成功',icon:'none',duration:2000})