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

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

记录一下开发经常会用到的几种提示框

前端代码里最常用的,以免忘记了。


1:成功提示

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

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

2:加载框

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

2:加载框

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

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 实现加载效果,消息提示框,模态框
uniapp 实现加载效果,消息提示框,模态框
546 0
|
12月前
|
API
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
368 0
|
12月前
|
API
uni-app点击按钮弹出提示框-uni.showModal(OBJECT),选择确定和取消
uni-app点击按钮弹出提示框-uni.showModal(OBJECT),选择确定和取消
1475 0
|
6月前
uniapp确认提示框;uniapp判断输入框值是否符合正常手机号,身份证号
uniapp确认提示框;uniapp判断输入框值是否符合正常手机号,身份证号
559 0
|
12月前
uni-app点击按钮显示消息提示框-uni.showToast(OBJECT)
uni-app点击按钮显示消息提示框-uni.showToast(OBJECT)
194 0
|
12月前
uni-app点击按钮底部弹出提示框-uni.showActionSheet(OBJECT)
uni-app点击按钮底部弹出提示框-uni.showActionSheet(OBJECT)
264 0
uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现
uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现
3148 0
uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现
uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现
uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现
uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
123 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
59 7