1. 含有确定、取消按钮
wx.showModal({
title: '弹窗题目',
content: '显示内容区域',
success: function (res) {
if (res.confirm) {
console.log('点击确定')//点击确定事件
} else {
console.log('点击取消')//点击取消事件
}
}
})
2.直接显示成功图标
wx.showToast({
title: '操作成功',
icon: 'success',//图标,支持"success"、"loading"、"none"
duration: 2000//设置的持续时间
})
3. 显示加载中…
wx.showToast({
title: '加载中...',
icon: 'loading',//图标,支持"success"、"loading"、"none"
duration: 2000//设置的持续时间
})
4. 文字提示
wx.showToast({
title: '文字提示(字数没有限制)',
icon: 'none',//图标,支持"success"、"loading"、"none"
duration: 2000//设置的持续时间
})
5. 弹窗选择
wx.showActionSheet({
itemList: ['1', '2', '3'],
success: function (res) {
if (!res.cancel) {
console.log(res.tapIndex)//点击选择按钮,打印
}
}
})
6. 加载中开启与关闭
wx.showLoading({//加载中开始
title: '加载中...',
})
setTimeout(function () {//限时关闭
wx.hideLoading();//加载中关闭
}, 2000);
总结借鉴链接:https://blog.csdn.net/qq_43248623/article/details/106421617?