42 lines
1.1 KiB
SCSS
42 lines
1.1 KiB
SCSS
$--element-tree-line-color: #dcdfe6 !default;
|
|
$--element-tree-line-style: dashed !default;
|
|
$--element-tree-line-width: 1px !default;
|
|
// 添加 el-tree-node__conten 默认没有的 position
|
|
.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: $--element-tree-line-width $--element-tree-line-style $--element-tree-line-color;
|
|
&.last-node-isLeaf-line {
|
|
height: 50%;
|
|
}
|
|
}
|
|
.element-tree-node-line-hor {
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
height: 0;
|
|
border-bottom: $--element-tree-line-width $--element-tree-line-style $--element-tree-line-color;
|
|
}
|
|
.element-tree-node-label-line {
|
|
flex: 1;
|
|
border-top: $--element-tree-line-width $--element-tree-line-style $--element-tree-line-color;
|
|
align-self: center;
|
|
margin: 0 10px;
|
|
}
|