vue2树形控件层级之间缩进设置

Vue2中的树形控件通常使用递归组件来构建层级结构，并通过CSS来控制节点之间的缩进。你可以通过调整每个节点元素的`padding-left`属性来实现不同级别的缩进。例如：

.tree-node {
  list-style-type: none;
  position: relative;
}

.tree-node::before {
  content: "";
  position: absolute;
  left: 10px; /* 这里可以设置初始的水平偏移量 */
  width: 15px; /* 每层增加的宽度 */
  height: 18px; /* 节点的高度 */
  border-left: 1px solid #ccc; /* 边框样式 */
  margin-top: -3px; /* 校正顶部边距 */
}

.tree-node .tree-node-child::before {
  left: 35px; /* 当前层级加上上一层的宽度 */
}

在这个例子中，`.tree-node-child`代表子节点，`::before`伪元素用于创建每个节点的左侧装饰线。每添加一个层级，`left`值就会相应地增加。这样就可以实现从父节点到子节点的视觉层次效果。

如果你是在使用像Element UI这样的现成库，它通常已经包含了一些预设的样式和API，可以直接配置缩进。如果需要自定义，可以根据库文档找到相应的属性或方法进行调整。