uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现

简介: uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现

加载框

1.//显示加载框
uni.showLoading({
                    title: '加载中'
                });

image.png

//隐藏加载框
uni.hideLoading();

消息提示框(2秒后自动消失)

1.uni.showToast({
    title: '暂未此企业信息',//显示的文字
        duration: 2000,  //显示多少时间,默认1500毫秒
        icon: "success"  //自定义显示的图标,默认成功success,错误error,加载loading,不显示图标是none
  })
//也可以手动隐藏消息提示框
uni.hideToast();

模态弹窗(可以只有一个确定按钮,也可以同时有确定和取消按钮)

1.uni.showModal({
    title: '提示',  //提示标题
    content: '这是一个模态弹窗',  //提示内容
    showCancel: ture, //是否显示取消按钮,默认ture
    success: function (res) {
        if (res.confirm) {  //confirm为ture,代表点击了确定
            console.log('用户点击确定');
        } else if (res.cancel) {  //cancel为ture,代表点击了取消
            console.log('用户点击取消');
        }
    }
});


相关文章
|
2月前
uniapp实战 —— 猜你喜欢(含滚动触底分页加载)
uniapp实战 —— 猜你喜欢(含滚动触底分页加载)
39 3
|
4月前
|
移动开发 小程序 API
uniapp组件库Modal 模态框 的使用方法
uniapp组件库Modal 模态框 的使用方法
287 1
|
11月前
|
开发工具 Android开发
【uniapp】sigmob广告加载失败:-5005、500422没有imei的解决办法(原创可用)
【uniapp】sigmob广告加载失败:-5005、500422没有imei的解决办法(原创可用)
166 1
|
4月前
|
开发者
uniapp如何分包加载
uniapp如何分包加载
161 1
|
4月前
|
API
uniapp中uview组件库丰富LoadingPage 加载页
uniapp中uview组件库丰富LoadingPage 加载页
151 0
|
4月前
|
前端开发 API
uniapp中uview组件库丰富的LoadingIcon 加载动画
uniapp中uview组件库丰富的LoadingIcon 加载动画
191 0
|
4月前
uniapp确认提示框;uniapp判断输入框值是否符合正常手机号,身份证号
uniapp确认提示框;uniapp判断输入框值是否符合正常手机号,身份证号
443 0
|
10月前
|
前端开发
uniapp常用提示框uni.showToast(OBJECT)
uniapp常用提示框uni.showToast(OBJECT)
156 0
|
11月前
|
小程序 PHP
【Uniapp小程序】实现上滑加载分页(触底加载)附后端Thinkphp代码
【Uniapp小程序】实现上滑加载分页(触底加载)附后端Thinkphp代码
175 0
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)