天天看點

uniapp自帶的Loading加載效果,消息提示框,模态框,超簡單實作

加載框

1.//顯示加載框
uni.showLoading({
                    title: '加載中'
                });
 
​      
uniapp自帶的Loading加載效果,消息提示框,模态框,超簡單實作
//隐藏加載框
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('使用者點選取消');
        }
    }
});      

繼續閱讀