css - 需要在 p-tree 的展开/折叠中绘制垂直线

Question

我正在使用来自 prime-ng 的 p-tree，并且需要通过 css 绘制垂直线（用红笔突出显示），如下所示：

我已经完成了其余部分并且工作正常，只需要绘制垂直线。我的实现如下所示：

我只需要在 + 和 - 图标下方绘制垂直线。请帮助！

Answer 1

您可以通过添加以下样式来做到这一点：

::ng-deep .p-tree .p-treenode-children .p-treenode {
  border-left: 1px dashed black;
}

如果您对样式进行了一些更改，可能需要进行一些修改，可能会添加margin-left以稍微移动边框。

你可以在这里看到一个演示。