[筆記] Element UI 的 El-form 之多列布局

Posted onAuthorANDY LIEN

章節連結

Element UI 的 el-form 已有多種表格常用的函式和樣式，不過在排版上就略顯貧乏。實際上搭配 el-row, el-col 兩者就可以跑出單行多列 ( Multi Columns in one row ) 的樣式。這邊筆記下整合到封裝元件的方法。

[筆記] Element UI 的 El-form 之多列布局

內容

1. Element Plus 的基本布局和 Bootstrap 相同為 24 columns
2. 每個 column 間，可用 el-row 的 gutter 來給定間隔
3. 每個 column 的佔格，可以用 el-col 的 span 指定

程式碼

參考資料

1. Element Form表单布局（一行多列）

按讚加入粉絲團

延伸閱讀