当前位置:   article > 正文

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
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/324359
推荐阅读
相关标签
  

闽ICP备14008679号