// 树的线样式
.tree-line {
    :deep(.el-tree-node) {
        position: relative;
        padding-left: 12px; // 缩进量

    }
    :deep(.el-tree-node__children) {
        padding-left: 12px; // 缩进量
    }
    // 竖线
    :deep(.el-tree-node::before) {
        content:"";
        height: 100%;
        width: 1px;
        position: absolute;
        left: 1px;
        top: 6px;
        border-width: 1px;
        border-left: 2px dashed var(--el-color-primary);
    }
    // 当前层最后⼀个节点的竖线⾼度固定
    :deep(.el-tree-node:last-child::before) {
        height: 6px; // 可以⾃⼰调节到合适数值
    }
    // 横线
    :deep(.el-tree-node::after) {
        content:"";
        width: 16px;
        height: 20px;
        position: absolute;
        left: 2px;
        top: 12px;
        border-width: 1px;
        border-top: 2px dashed var(--el-color-primary);
    }
    // 去掉最顶层的虚线，放最下⾯样式才不会被上⾯的覆盖了
    & > :deep(.el-tree-node::after) {
        border-top: none;
    }
    & > :deep(.el-tree-node::before) {
        border-left: none;
    }
    // 展开关闭的icon
    :deep(.el-tree-node__expand-icon) {
        font-size: 16px;
        &.is-leaf {
            color: transparent;
            font-size: 0px;
        }
    }
}

