index.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. $--element-tree-line-color: #dcdfe6 !default;
  2. $--element-tree-line-style: dashed !default;
  3. $--element-tree-line-width: 1px !default;
  4. /* 添加 el-tree-node__conten 默认没有的 position */
  5. .el-tree .el-tree-node__content {
  6. position: relative;
  7. }
  8. .element-tree-node-label-wrapper {
  9. display: flex;
  10. flex: 1;
  11. align-items: center;
  12. }
  13. .element-tree-node-label {
  14. font-size: 12px;
  15. }
  16. .element-tree-node-line-ver {
  17. position: absolute;
  18. top: 0;
  19. left: 0;
  20. display: block;
  21. height: 100%;
  22. border-left: $--element-tree-line-width $--element-tree-line-style
  23. $--element-tree-line-color;
  24. &.last-node-line {
  25. border-left: $--element-tree-line-width $--element-tree-line-style
  26. transparent;
  27. }
  28. &.last-node-isLeaf-line {
  29. height: 50%;
  30. }
  31. }
  32. .element-tree-node-line-hor {
  33. position: absolute;
  34. top: 50%;
  35. left: 0;
  36. display: block;
  37. height: 0;
  38. border-bottom: $--element-tree-line-width $--element-tree-line-style
  39. $--element-tree-line-color;
  40. }
  41. .element-tree-node-label-line {
  42. flex: 1;
  43. align-self: center;
  44. margin: 0 10px;
  45. border-top: $--element-tree-line-width $--element-tree-line-style
  46. $--element-tree-line-color;
  47. }