20181209——複習ElementUI(一)起步
阿新 • • 發佈:2018-12-09
Layout佈局
el-row標籤相當於html的div標籤,給所需要的登入頁面提供了一個div,在div中新增小標籤就行編寫登入頁面程式碼
可以定義佈局flex,在根據flex的屬性justify進行對row調節
type="flex" justify="center||start||end"
Container容器
最外層容器<el-container>
頂欄容器<el-header>
側邊欄容器<el-aside>
主要區域容器<el-main>
底欄容器<el-footer>
引數width 側邊欄的寬度
height 底欄的高度
色彩
色彩選址
字型
字型選址
Icon圖示
直接通過設定類名為 el-icon-iconName 來使用即可
Button圖示
el-button 是Button標籤
type屬性可以設定primary success info warning danger 預設按鈕顏色是填充整個按鈕的
如果標籤中設定plain屬性,此按鈕為樸素按鈕,淺了許多
設定圓角按鈕,設定屬性為round
可以與icon圖示連用
沒有背景顏色填充設定 type=text
如果想使使用的按鈕有辨識度,與icon圖示連用 icon屬性設定這個你想使用icon的樣式
關於按鈕組
el-button-group標籤中存放所有你想要的存放的button就成為了按鈕組
想要在點選按鈕後進行資料載入操作,在按鈕上顯示載入狀態設定 :loading=“true”
size屬性來標定你使用的按鈕大小