優化elelment ui 的 dialog 樣式

2021-09-24 17:46:24 字數 765 閱讀 2578

div
後來我改良了一下彈框的居中方式,採用彈性布局方式(就是最後一段**)*,解決了字型模糊的問題,下面上**,下面的**包含了在headerfooter部分新增border邊框,右上角的close關閉按鈕放大

.el-dialog

.el-dialog__body

.el-dialog__header

.el-dialog__footer

.el-dialog__headerbtn

display:flex;

justify-content: center;

align-items:center;

}

下面是效果圖

既然談到了居中方式,我就把以往搜尋到的居中方式在這裡集合一下吧哈哈,總共有四種方式,效果圖如下

基於註解的DI

上一回說到ioc的基於xml配置方法的注入,現在來聊一下基於註解的注入。使用註解會顯得比配置簡單好多,僅僅需要幾個註解就搞定了,比如下面的 school import org.springframework.beans.factory.annotation.value import org.spri...

IOC和DI的聯絡

ioc是一種設計思想,而di是這種設計思想的乙個實現。理解ioc和di的關鍵是 誰依賴誰,為什麼需要依賴,誰注入誰,注入了什麼 誰依賴於誰 當然是應用程式依賴於ioc容器 為什麼需要依賴 應用程式需要ioc容器來提供物件需要的外部資源 誰注入誰 很明顯是ioc容器注入應用程式某個物件,應用程式依賴的...

IOC與DI的區別

一 ioc介紹 1.ioc是控制反轉。2.傳統資源查詢方式 要求元件向容器發起請求,查詢資源作為回應,容器適時返回資源。3.ioc查詢方式 容器會主動將資源提供給它所管理的元件,元件只需要選擇乙個合適的方式來接收資源,也被稱為查詢的被動式。4.建立物件例項的控制權從 控制剝離到ioc容器控制 之前的...