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

您所在的位置:网站首页 webview加载动画 uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现

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

#uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现| 来源: 网络整理| 查看: 265

加载框

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

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

是不是超级简单啊,这就是uniapp自带的加载弹窗,不用下载任何东西哦 

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

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

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

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('用户点击取消'); } } });



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3