el-tree 美化

el-tree的美化可以通过自定义样式来实现。你可以根据自己的需求，修改树节点的样式、添加线条、调整字体颜色等等。以下是一个基于Vue2 ElementUI的例子，可以帮助你实现el-tree的美化：

<template>
  <el-tree :data="treeData" node-key="id" :props="defaultProps" show-checkbox default-expand-all>
    <span class="custom-node" slot-scope="{ node, data }">
      <span class="custom-node-label">{{ data.label }}</span>
    </span>
  </el-tree>
</template>

<style>
.custom-node {
  display: flex;
  align-items: center;
  padding: 0 8px;
}

.custom-node-label {
  margin-left: 8px;
  color: #333;
  font-weight: bold;
}

.el-tree .el-tree-node__content {
  border-left: 2px solid #999;
  padding-left: 4px;
}
</style>

在上面的例子中，我们使用了`custom-node`类来定义自定义节点的样式，通过调整`margin`、`color`和`font-weight`等属性来实现字体颜色和字体粗细的调整。同时，使用了`el-tree-node__content`类来定义节点的边框样式，实现了添加线条的效果。

你也可以根据自己的需求修改上述代码，添加更多的样式来美化el-tree组件。

希望对你有帮助！