uniapp app提示信息
时间: 2023-08-21 20:04:05 浏览: 345
Uniapp语音提醒.rar
5星 · 资源好评率100%
在 Uniapp 中,可以使用 uni.showToast 或 uni.showModal 方法来显示提示信息。
1. 使用 uni.showToast 方法显示一个简单的提示框,如下所示:
```javascript
uni.showToast({
title: '提示信息',
icon: 'none', // 图标,可选值:success、loading、none
duration: 2000, // 提示框持续时间,单位为毫秒,默认为 1500
mask: true // 是否显示透明蒙层,防止触摸穿透,默认为 false
});
```
2. 使用 uni.showModal 方法显示一个模态弹窗,需要用户进行确认或取消操作,如下所示:
```javascript
uni.showModal({
title: '提示',
content: '提示信息',
showCancel: false, // 是否显示取消按钮,默认为 true
cancelText: '取消', // 取消按钮的文字,默认为"取消"
confirmText: '确定', // 确定按钮的文字,默认为"确定"
success: function (res) {
if (res.confirm) {
// 用户点击了确定按钮
} else if (res.cancel) {
// 用户点击了取消按钮
}
}
});
```
以上是 Uniapp 中常用的两种显示提示信息的方法,
阅读全文