uni-app(二)常用的提示框

.ლ.

已于 2024-04-11 14:53:46 修改

阅读量396

点赞数 2

分类专栏： uni-app 文章标签： uni-app

于 2024-04-11 14:36:07 首次发布

本文链接：https://blog.csdn.net/LovelyLittleCub/article/details/137638012

版权

uni-app 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

官网交互反馈地址https://uniapp.dcloud.net.cn/api/ui/prompt.html

1、uni.showToast(OBJECT)

/* 显示消息提示框 */
uni.showToast({
	title: '校验通过',
	duration: 2000 //延迟时间
});

/* 隐藏提示框 */
uni.hideToast();

2、uni.showLoading(OBJECT)

uni.showLoading({
	title: '提示'
});

/* 需要主动调用才能关闭显示框 */
setTimeout(function () {
	uni.hideLoading();
}, 2000);

3、uni.showModal(OBJECT)

uni.showModal({
	title: '提示',
	content: '请选择已阅读协议',
	success: function (res) {
		if (res.confirm) {
			console.log('用户点击确定');
		} else if (res.cancel) {
			console.log('用户点击取消');
		}
	}
});

4、uni.showActionSheet(OBJECT)

/* 从底部向上弹出 */
uni.showActionSheet({
	itemList: ['A', 'B', 'C'],
	success: function (res) {
		console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
	},
	fail: function (res) {
		console.log(res.errMsg);
	}
});

四种弹框全部都是对象