套件修改 - daniel-qa/Vue GitHub Wiki
套件修改
-
暫時隱藏,在元件中加入 (完全不會載入 DOM )
v-if="false"
修改 Element UI 預設的樣式
水平,垂直置中
justify-content: center; /* 水平居中子元素 */
align-items: center; /* 垂直置中 */
垂直排列
flex-direction: column; // 設置垂直排列
默认情况下,flex-direction 的值是 row,即子元素沿水平方向排列。
- flex: 1 用來讓元素占滿剩餘空間的屬性。
- 應用原則
要包最外層,大致版型,用 container
單純每一列上下排列,使用 el-row, 左右排列也是
展示独立的内容模塊,使用 card
複雜的資料內容,用 table
清單型的資料,用 list
聯級選單,使用 Cascader