首页 > 其他 > 详细

element之tree组件样式重写

时间:2019-10-19 23:24:00      阅读:1546      评论:0      收藏:0      [点我收藏+]

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

 

element之tree组件样式重写

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!