码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2021-06-30 18:20:12      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:img   pre   mod   info   图片   取消   log   content   ESS   

新做uni项目,记录一下常用的方法
官方参考文档:https://uniapp.dcloud.io/api/ui/prompt?id=showtoast
1:成功提示
提交表单的时候,如果提交成功

uni.showToast({
title: ‘提交成功‘,
duration: 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常用提示框uni.showToast(OBJECT)

标签:img   pre   mod   info   图片   取消   log   content   ESS   

原文地址:https://www.cnblogs.com/axingya/p/14953204.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!