uniapp常用提示框uni.showToast(OBJECT)

记录一下开发经常会用到的几种提示框
前端代码里最常用的,以免忘记了。

官方参考文档:https://uniapp.dcloud.io/api/ui/prompt?id=showtoast

1:成功提示
提交表单的时候,如果提交成功

uni.showToast({
title: '提交成功',
duration: 2000
});

uniapp常用提示框uni.showToast(OBJECT)_第1张图片

2:加载框

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

uniapp常用提示框uni.showToast(OBJECT)_第2张图片

3:去掉图标,只显示文字

uni.showToast({
title: '请填写员工工号',
icon:'none',
duration: 2000
});

4:模态弹窗

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

uniapp常用提示框uni.showToast(OBJECT)_第3张图片
uniapp常用提示框uni.showToast(OBJECT)_第4张图片

你可能感兴趣的:(uniapp常用提示框uni.showToast(OBJECT))