element之tree组件样式重写

时间：2019-10-19 23:24:00 收藏：0 阅读：1548

1.改写实现效果：

技术分享图片

2.页面代码

<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>

3.样式

.el-tree {
    background: #fff;
  }
 
  .tree-com .el-icon-caret-right:before {
    content: "";
    display: inline-block;
    background: url(‘./right.jpg‘);
    background-size: 7px 14px;
    width: 7px;
    height: 14px;
  }
 
  .tree-com .is-leaf.el-icon-caret-right:before {
    background: none;
  }

原文：https://www.cnblogs.com/jlyuan/p/11706121.html