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，获取官网上的图标对应的代码

 

 好了，结束了