element Tree 树形控件线性样式

.unitline {

  margin-left: -20px;

  /deep/ .el-tree-node.is-current > .el-tree-node__content {

    background-color: rgb(171, 211, 251);

  }

  /deep/ .el-tree-node {

    position: relative;

    padding-left: 16px;

  }

  /deep/ .el-tree-node__children {

    padding-left: 16px;

  }

  /deep/ .el-tree-node :last-child:before {

    height: 38px;

  }

  /deep/ .el-tree > .el-tree-node:before {

    border-left: none;

  }

  /deep/ .el-tree-node:before {

    content: '';

    left: -4px;

    position: absolute;

    right: auto;

    border-width: 1px;

  }

  /deep/ .el-tree-node:after {

    content: '';

    left: -4px;

    position: absolute;

    right: auto;

    border-width: 1px;

  }

  /deep/ .el-tree-node:before {

    border-left: 1px dashed #4386c6;

    bottom: 0px;

    height: 100%;

    top: -26px;

    width: 1px;

  }

  /deep/ .el-tree-node:after {

    border-top: 1px dashed #4386c6;

    height: 20px;

    top: 12px;

    width: 24px;

  }

  span.custom-tree-node {

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-size: 14px;

    padding-right: 8px;

  }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容