uniapp implements loading effects, message prompt boxes, and modal boxes

1. Loading box

// 加载框
uni.showLoading({
		title: "加载中",
})
				
// 隐藏加载框
uni.hideLoading();

2. Message prompt box

uni.showToast({
	title:"提示内容", // title 提示内容
	icon:'success', // icon 图标 有效值为 success error fail exception loading （none 不显示图标）
	image:"img",// 自定义图标
	mask:true, //mask 显示蒙层 默认为false
	duration:2000,// duration 延迟时间 默认为 1500
})
				
// 手动隐藏
uni.hideToast();

3. Modal pop-up window uni.showModal()

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