element-plus-tree-line
Version:
修改了 [*element-tree-line*](github.com/GitOfZGT/element-tree-line) 的内容,因为其在Vue3的项目中使用有警告,因此做了修改。
44 lines (39 loc) • 761 B
CSS
.el-tree .el-tree-node__content {
position: relative;
}
.element-tree-node-label-wrapper {
flex: 1;
display: flex;
align-items: center;
}
.element-tree-node-label {
font-size: 12px;
}
.element-tree-node-line-ver {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
border-left: 1px dashed #dcdfe6;
}
.element-tree-node-line-ver.last-node-line {
border-left: 1px dashed transparent;
}
.element-tree-node-line-ver.last-node-isLeaf-line {
height: 50%;
}
.element-tree-node-line-hor {
display: block;
position: absolute;
top: 50%;
left: 0;
height: 0;
border-bottom: 1px dashed #dcdfe6;
}
.element-tree-node-label-line {
flex: 1;
border-top: 1px dashed #dcdfe6;
align-self: center;
margin: 0 10px;
}