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

热门文章

最新文章