uni.showModal用法
时间: 2023-11-15 21:45:11 浏览: 82
uni.showModal是小程序框架uni-app提供的一个方法,用于显示模态对话框。它的用法如下:
```javascript
uni.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('用户点击了取消按钮');
}
}
});
```
通过调用`uni.showModal`方法,可以显示一个模态对话框给用户。对话框的标题、内容、按钮文本等都可以根据实际需求进行设置。在用户点击确定或取消按钮后,可以通过`success`回调函数获取用户的操作结果。如果用户点击了确定按钮,`res.confirm`的值为`true`;如果用户点击了取消按钮,`res.cancel`的值为`true`。
需要注意的是,`uni.showModal`方法只能在小程序页面中使用,无法在H5页面中使用。而在小程序中使用该方法时,需要引入uni-app的小程序基础库(vue.js和uni-app框架)。
阅读全文