el-tree设置每个节点的连接线 修改展开图标为加减号（附效果图）

在Element UI的el-tree组件中，可以通过覆盖其默认的CSS样式来实现自定义节点连接线和节点图标。以下是实现该功能的CSS代码示例：

/* 隐藏默认的节点连接线 */
.el-tree .el-tree-nodes__line {
  display: none;
}
 
/* 修改节点图标 */
.el-tree-node__expand-icon {
  position: relative;
  top: 0;
  left: 0;
  color: #C0C4CC;
  margin-left: 0;
}
 
/* 当节点展开时显示加号 */
.el-tree-node__expanded .el-icon-caret-right {
  display: none;
}
 
/* 当节点未展开时显示减号 */
.el-tree-node__collapsed .el-icon-caret-right {
  display: inline-block;
}
 
/* 修改节点图标的样式 */
.el-tree-node__content .el-icon-caret-right {
  position: relative;
  top: 0;
  right: 0;
  color: #C0C4CC;
  margin-right: 0;
  font-size: 16px;
}

将上述CSS代码添加到你的项目样式文件中，并确保它被加载，el-tree组件将展示没有连接线的加减号图标。

请注意，这些样式是基于Element UI的默认样式和结构来编写的，如果Element UI更新后结构有所变化，可能需要调整相应的CSS选择器。