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

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

element ui ElementUI


內容

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

程式碼


參考資料

1. Element Form表单布局(一行多列)

按讚加入粉絲團

延伸閱讀