1.改写实现效果:

element之tree组件样式重写

 

 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;
  }

 

相关文章:

  • 2021-11-19
  • 2021-08-12
  • 2021-06-23
  • 2021-06-17
  • 2022-12-23
  • 2022-12-23
  • 2021-12-27
  • 2021-05-21
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-16
  • 2022-12-23
  • 2021-06-21
  • 2022-12-23
相关资源
相似解决方案