element-plus 树形控件el-tree 修改小三角图标

在Element Plus中，要修改el-tree组件的小三角图标，可以通过CSS样式覆盖默认的样式。以下是一个简单的示例，展示如何通过CSS更改树形控件节点的小三角图标：

首先，确保你已经在项目中引入了Element Plus，并且可以正常使用el-tree组件。

然后，在你的CSS文件中添加以下样式：

/* 隐藏默认的小三角图标 */
.el-tree .el-tree-node__expand-icon.is-leaf {
  display: none;
}
 
/* 添加自定义图标，这里以字体图标为例 */
.el-tree .el-tree-node__expand-icon:before {
  content: 'Your Custom Icon'; /* 替换为你的自定义图标 */
  font-family: 'Your Icon Font'; /* 替换为你的图标字体 */
}
 
/* 当节点有子节点时，显示自定义图标 */
.el-tree .el-tree-node__expand-icon:hover:before {
  content: 'Your Hover Custom Icon'; /* 替换为你的自定义悬停图标 */
}

请确保替换Your Custom Icon、Your Icon Font和Your Hover Custom Icon为你想要的实际图标或字符。

最后，确保你的组件模板中没有使用show-checkbox属性，因为它可能会影响到图标的显示。

这样，当你的应用加载这些样式时，el-tree组件的小三角图标就会被替换为你指定的自定义图标。