CSS相关操作

表格隔行变色

  <el-table
     :row-style="TableRowClassName"
     :header-cell-style="{ background: 'rgba(235, 243, 254)' }">
  </el-table>
    // 表格隔行变色
    TableRowClassName({ row, rowIndex }) {
      if (rowIndex % 2 == 0) {
        return { backgroundColor: "" };
      } else {
        return { backgroundColor: "" };
      }
    },

sidebar公共组件

给侧边栏＋图标

调整公共组件一般从公共style文件内进行调整

高度调整（图标每格高度调整）

图标大小（使用font-size）

渐变色写法

background:linear-gradient（方向，开始颜色，结束颜色）；

box-sizing用法

自动调整内容宽高（根据所给尺寸与padding进行加减）

div {
    box-sizing: border-box;
    width: 200px;
    padding: 20px;
    border: 1px solid #DDD;
}