uniapp 提示框(showToast、showModal、showLoading)

一、showToast

uni.showToast({
	title: '没有更多了',//标题 必填
	icon: 'none',//图标
    image: '',//自定义图标的本地路径（app端暂不支持gif）
    mask: true,//是否显示透明蒙层，防止触摸穿透，默认：false
    duration: '',//提示的延迟时间，单位毫秒，默认：1500
    position: '',//纯文本轻提示显示位置，填写有效值后只有 title 属性生效，且不支持通过         uni.hideToast 隐藏。有效值详见下方说明。	App
    success: '',//接口调用成功的回调函数	
    fail: '',//接口调用失败的回调函数	
    complete: '',//接口调用结束的回调函数（调用成功、失败都会执行）
});

二、showModal

uni.showModal({
	title: '提示',
	content: '这是一个模态弹窗',
	success: function (res) {
		if (res.confirm) {
			console.log('用户点击确定');
		} else if (res.cancel) {
			console.log('用户点击取消');
		}
	}
});

三、showLoading 和 hideLoading

uni.showLoading({
	title: '加载中',
	mask: true,
});
 
setTimeout(function () {
	uni.hideLoading();
}, 2000);

转载于 uniapp 提示框(showToast、showModal、showLoading)