修改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中搜一下就能找到了