套件修改 - daniel-qa/Vue GitHub Wiki

套件修改

#

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

el-container

el-table

el-row

el-card

el-link

el-cascader

el-list

el-input

el-icon

el-button

ElMessage

el-tag

el-select

el-radio

el-form

el-input

el-text

el-divider

el-data-packer

el-tabs

載入中狀態頁面