uni-app 三种弹窗(提示弹窗、加载弹窗、模态弹窗)
【代码】uni-app 三种弹窗(提示弹窗、加载弹窗、模态弹窗)
·
1.消息提示弹窗
![](https://i-blog.csdnimg.cn/blog_migrate/74a3f5d96adf6561633fa4ae21ad4f50.png)
uni.showToast({
title: '打分成功!',//显示的文字
duration: 2000, //显示多少毫秒,默认1500毫秒,时间到自动隐藏
icon: "success" //自定义显示的图标,默认成功success,错误error,加载loading,不显示图标是none
})
//也可以手动隐藏消息提示框
uni.hideToast();
2.加载弹窗
![](https://i-blog.csdnimg.cn/blog_migrate/983a4deecb3ce0d20aeba1a6bd5bfbce.png)
//显示加载框
uni.showLoading({
title: '加载中...'
});
//隐藏加载框
uni.hideLoading();
3.模态弹窗
uni.showModal({
title: '温馨提示', //提示标题
content: '这是一个模态弹窗', //提示内容
showCancel: true, //是否显示取消按钮
success: function (res) {
if (res.confirm) { //confirm为ture,代表用户点击确定
console.log('点击了确定按钮');
} else if (res.cancel) { //cancel为ture,代表用户点击取消
console.log('点击了取消按钮');
}
}
})
更多推荐
所有评论(0)