1.消息提示弹窗

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


2.加载弹窗

加载框

//显示加载框
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('点击了取消按钮');
        }
    }
})

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐