修改element-ui中Tree树形结构前面的三角形图标

修改element-ui中Tree树形结构前面的三角形图标

默认的样式是：未展开时图标是展开后的图标是下三角的，最后一级前面是没有图标的

根据需求修改后样式

使用样式覆盖即可：

.el-tree .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.el-tree .el-icon-caret-right:before {
  content: "\e783";
  font-size: 18px;
}
.el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
  content: "\e781";
  font-size: 18px;
}

element-ui图标对应的content在目录

node_modules/element-ui/packages/theme-chalk/src/icon.scss

先在element-ui的icon图标中选择所需的图标名称

然后在icon.scss中搜一下就能找到了