element-plus树形图中如何修改子节点之间的间距

在Element Plus的Tree组件中，如果你想调整子节点之间的间距，你可以通过`el-tree`的`default-expand-icon`或`expand-icon`属性来设置。这两个属性允许你自定义展开图标元素，你可以在这个自定义元素上添加CSS样式来自定义间距。

例如，你可以创建一个自定义的`<i>`元素，并设置其`margin-right`属性来增加间隙：

<template>
  <el-tree :data="treeData" :default-expand-all="true">
    <span slot-scope="{ node, $index }">
      <i v-if="node.children && node.children.length" class="custom-expand-icon" :style="{ marginRight: '10px' }"></i>
      {{ node.label }}
    </span>
  </el-tree>
</template>

<style scoped>
.custom-expand-icon {
  margin-right: 10px; /* 这里可以调整你需要的间距 */
}
</style>

在这个例子中，当有子节点时，每个节点会显示一个带有定制间距的图标。如果你需要动态控制间距，你可以将`margin-right`值绑定到数据属性，然后根据业务需求进行调整。