1. 程式人生 > >20181209——複習ElementUI(一)起步

20181209——複習ElementUI(一)起步

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屬性來標定你使用的按鈕大小