element之tree组件样式重写

最新推荐文章于 2024-08-15 17:48:43 发布

franklin_yuan

最新推荐文章于 2024-08-15 17:48:43 发布

阅读量2.5k

点赞数

分类专栏：组件

本文链接：https://blog.csdn.net/xin_yun_Jian/article/details/97691048

版权

组件专栏收录该内容

3 篇文章 0 订阅

订阅专栏

改写实现效果：

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