Uniapp三种常用提示框_uniapp 提示框

具体参数方法可参考: uniapp交互反馈

uni.showToast(OBJECT)
//显示消息提示框。
uni.hideToast()
//隐藏消息提示框。
//具体使用
uni.showToast({
	title: '新增成功',
	duration: 2000
}); 
1
2
3
4
5
6
7
8
9

uni.showLoading(OBJECT)
//显示 loading 提示框, 需主动调用 uni.hideLoading 才能关闭提示框。
uni.hideLoading()
//隐藏 loading 提示框。

//具体使用
uni.showLoading({
	title: '加载中'
});
1
2
3
4
5
6
7
8
9

uni.showModal(OBJECT)
//显示模态弹窗，可以只有一个确定按钮，也可以同时有确定和取消按钮。类似于一个API整合了 html 中：alert、confirm。

//使用
uni.showModal({
	title: '提示',
	content: '你确定要删除吗',
	success: function (res) {
		if (res.confirm) {
			delDateDeviceManager(id).then((res) => {
				uni.showToast({
						title: '删除成功',
						duration: 2000
					});
					that.getDeviceManager();
					});
		} else if (res.cancel) {
			console.log('取消');
			}
		}
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

uni.showActionSheet(OBJECT)
//从底部向上弹出操作菜单
1
2