微信小程序 showModal
时间: 2024-02-28 08:51:09 浏览: 20
微信小程序的 showModal 是一个用于显示模态对话框的接口。模态对话框是指在当前页面上弹出一个覆盖层,阻止用户进行其他操作,只能对对话框进行操作。
showModal 的使用方法如下:
```javascript
wx.showModal({
title: '提示', // 对话框的标题
content: '这是一个模态对话框', // 对话框的内容
showCancel: true, // 是否显示取消按钮,默认为 true
cancelText: '取消', // 取消按钮的文字,默认为"取消"
cancelColor: '#000000', // 取消按钮的文字颜色,默认为"#000000"
confirmText: '确定', // 确定按钮的文字,默认为"确定"
confirmColor: '#3CC51F', // 确定按钮的文字颜色,默认为"#3CC51F"
success(res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
```
showModal 的参数说明:
- title:对话框的标题
- content:对话框的内容
- showCancel:是否显示取消按钮,默认为 true
- cancelText:取消按钮的文字,默认为"取消"
- cancelColor:取消按钮的文字颜色,默认为"#000000"
- confirmText:确定按钮的文字,默认为"确定"
- confirmColor:确定按钮的文字颜色,默认为"#3CC51F"
- success:接口调用成功的回调函数,可以获取用户点击的按钮信息
用户点击确定按钮时,success 回调函数中的 res.confirm 为 true;用户点击取消按钮时,res.cancel 为 true。