
微信小程序弹框种类汇总
来源:
浏览:113
时间:2023-08-10
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?


