1.col,row布局注意事項
el-row el-col gutter就是css，span的時候寬度是按boder-box來計算。
將 type 屬性賦值為 'flex'，可以啟用 flex 布局，並可通過 justify 屬性來指定 start, center, end, space-between, space-around 其中的值來定義子元素的排版方式
xs、sm、md、lg 和 xl
基於斷點的隱藏類
Element 額外提供了一系列類名，用於在某些條件下隱藏元素。這些類名可以添加在任何 DOM 元素或自定義組件上。如果需要，請自行引入以下文件：
import 'element-ui/lib/theme-chalk/display.css'; 包含的類名及其含義為：
hidden-xs-only- 當視口在xs尺寸時隱藏hidden-sm-only- 當視口在sm尺寸時隱藏hidden-sm-and-down- 當視口在sm及以下尺寸時隱藏hidden-sm-and-up- 當視口在sm及以上尺寸時隱藏hidden-md-only- 當視口在md尺寸時隱藏hidden-md-and-down- 當視口在md及以下尺寸時隱藏hidden-md-and-up- 當視口在md及以上尺寸時隱藏hidden-lg-only- 當視口在lg尺寸時隱藏hidden-lg-and-down- 當視口在lg及以下尺寸時隱藏hidden-lg-and-up- 當視口在lg及以上尺寸時隱藏hidden-xl-only- 當視口在xl尺寸時隱藏
2.container容器
<el-container>：外層容器。當子元素中包含 <el-header> 或 <el-footer> 時，全部子元素會垂直上下排列，否則會水平左右排列。
<el-header>：頂欄容器。
<el-aside>：側邊欄容器。
<el-main>：主要區域容器。
<el-footer>：底欄容器。
注意考慮一個兼容性問題，因為采用的是flex布局
<el-container> 的子元素只能是后四者，后四者的父元素也只能是 <el-container>
header,footer默認高度60px，有height屬性
aside默認寬度300px,有width屬性
3.color顏色和字體，邊框等
有一套初始化模板，可以通過scss改變變量值，或着直接下載一套自定義主題進行更改
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微軟雅黑",Arial,sans-serif;
| 層級 | 字體大小 |
| 輔助文字 | 12px Extra Small |
| 正文（小） | 13px Small |
| 正文 | 14px Base |
| 小標題 | 16px Medium |
| 標題 | 18px large |
| 主標題 | 20px Extra large |
邊框實線 默認1px 虛線 默認2px
圓角
無圓角
border-radius: 0px
小圓角
border-radius: 2px
大圓角
border-radius: 4px
圓形圓角
border-radius: 30px
基礎投影 box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
淺色投影 box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
Icon圖標直接使用類名
<i class="el-icon-edit"></i>
<i class="el-icon-share"></i>
<i class="el-icon-delete"></i>
<el-button type="primary" icon="el-icon-search">搜索</el-button>在標簽里插入圖標用icon屬性
圖標大全 https://element.eleme.cn/#/zh-CN/component/icon