el-tree设置节点左边距

• 书写原因，因为方法一踩坑去网上找答案，要么没有根本解决，要么过于麻烦，发现了更简单的方法，分享给大家。
• 如果需要设置tree组件左边整体具体请看文章。

1.方法一

  开始使用el-tree-node__content加el-tree-node__children但是这样就固定四了，如果存在多级，很明显是不合适的，代码如下：

 .el-tree-node__content {
      padding-left: 15px !important;
      height: 56px;
    }
    .el-tree-node__children {
      .el-tree-node__content {
        padding-left: 30px !important;
      }
    }

2.方法二

通过tree插槽定义内容，但是这里面又会存在各种问题啰嗦麻烦。

3.最终解决办法

tree左边都是有个小图标的，我们可以直接设置它距离左边的边距，就可以的达到不影响背景色的情况下，修改tree距离左边的距离，下面是代码。

.el-tree {
	::v-deep .el-icon-caret-right {
			margin-left: 20px; // 定义你想要的距离
		}
	}

注意：这只是满足我的需求，css慢慢调试总能找到办法的，有什么问题欢迎留言。