elementUI table樹默認箭頭修改

 

element table 自帶的箭頭

 

  如何能替換成

效果

  

 

方法很簡單的，不用自己再去畫

 .el-icon-arrow-right {
      color: #49c0ff;
    }

.el-table .el-table__expand-icon {
    .el-icon-arrow-right:before {
      content: '\e791';
    }
  }

關鍵是

 content: '\e791'
這個代表着圖標，獲取方式也比較容易，那就是F12，獲取官網上的圖標對應的代碼

 

 好了，結束了