uniapp 提示框
时间: 2023-08-21 12:07:18 浏览: 164
在uniapp中,可以使用以下方法来显示不同类型的提示框:
1. uni.showToast(): 可以显示一个带有标题和图标的提示框,可以设置标题、图标和显示时长。例如:
uni.showToast({
title: '查询中',
image: '../../static/loading.gif',
duration: 2000
});
2. uni.showLoading(): 可以显示一个加载框,用于提示用户正在进行加载操作。可以设置加载框的标题和显示时长。例如:
uni.showLoading({
title: '加载中'
});
setTimeout(function () {
uni.hideLoading();
}, 2000);
3. uni.showModal(): 可以显示一个模态弹窗,可以设置弹窗的标题、内容和按钮。可以根据用户点击的按钮来执行不同的操作。例如:
uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
4. 自定义输入框弹窗:可以使用uni.showModal()方法来显示一个带有输入框的弹窗,用户可以在弹窗中输入内容。例如:
uni.showModal({
title: '输入框',
content: '',
editable: true,
placeholderText: '',
showCancel: true,
success: (res) => {
if (res.confirm) {
console.log('输入的内容:', res.content);
}
}
});
以上是uniapp中常用的提示框方法,可以根据需要选择适合的方法来显示提示框。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [uni-app的几种提示框](https://blog.csdn.net/weixin_48596030/article/details/123904580)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [uniapp之常用提示弹框](https://blog.csdn.net/zhanglinsen123/article/details/125308866)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文