帮我写一个elementui树的样式

当然可以！以下是一个基本的 ElementUI 树的样式示例：

<template>
  <div>
    <el-tree :data="data" :props="defaultProps" class="custom-tree"></el-tree>
  </div>
</template>

<style scoped>
.custom-tree {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
}

.custom-tree .el-tree-node {
  position: relative;
}

.custom-tree .el-tree-node__content {
  padding-left: 20px;
}

.custom-tree .el-tree-node__label {
  font-size: 14px;
}

.custom-tree .el-tree-node__expand-icon {
  margin-right: 5px;
}

.custom-tree .el-tree-node__expand-icon::before {
  content: '+';
}

.custom-tree .el-tree-node__expand-icon.el-tree-node__expand-icon--expanded::before {
  content: '-';
}

.custom-tree .el-tree-node.is-expanded>.el-tree-node__children {
  display: block;
}

.custom-tree .el-tree-node__children {
  display: none;
  padding-left: 20px;
}

.custom-tree .el-tree-node.is-current>.el-tree-node__content {
  background-color: #dff0ff;
}

</style>

这是一个简单的示例，你可以根据需要自定义更多样式。在上面的代码中，我们给树容器添加了一个自定义类名 "custom-tree"，然后使用该类名来设置容器的样式。接下来，我们通过修改一些 ElementUI 的默认类名来自定义树节点和展开图标的样式。你可以根据实际需求进行进一步调整和定制。

希望这个示例对你有所帮助！如果你有任何其他问题，请随时提问。