el-tree的树将左侧的箭头图标修改为圆点并增加节点之间的距离

在这里插入图片描述

  .el-tree {
    
    
          margin-top: 18px;
          background: transparent;
          .el-tree-node__label {
    
    
            font-size: 17px;
          }
          // 设置每个主元素之间的间距
          & > .el-tree-node {
    
    
            margin-bottom: 30px;
          }
          .el-checkbox__inner {
    
    
            width: 14px;
            height: 14px;
            border: 1px solid #979797;
            margin-left: 6px;
          }
             // 替换箭头图标
          .el-icon-caret-right:before {
    
    
            content: '';
            display: block;
            width: 5px;
            height: 5px;
            background: #ffffff;
            border-radius: 50%;
          }
        }

猜你喜欢

转载自blog.csdn.net/anny_mei/article/details/117750353