el-tree展开按钮变成加减号

效果：

css 直接加上就可以用了，如果要加在公共样式里面的话把 ::v-deep 都去掉就可以了

.el-tree ::v-deep .el-tree-node__expand-icon.expanded {-webkit-transform: rotate(0deg);transform: rotate(0deg);
}
//有子节点 且未展开
.el-tree ::v-deep .el-icon-caret-right:before {background: url("../../assets/img/add.png") no-repeat 0;content: "";display: block;width: 16px;height: 16px;font-size: 16px;background-size: 16px;
}
//有子节点 且已展开
.el-tree::v-deep.el-tree-node__expand-icon.expanded.el-icon-caret-right:before {background: url("../../assets/img/del.png") no-repeat 0;content: "";display: block;width: 16px;height: 16px;font-size: 16px;background-size: 16px;
}
//没有子节点
.el-tree ::v-deep .el-tree-node__expand-icon.is-leaf::before {background: url("../../assets/img/del.png") no-repeat 0;content: "";display: block;width: 16px;height: 16px;font-size: 16px;background-size: 16px;
}

那两张图就是这俩

颜色有点深，这个浅一点

el-tree展开按钮变成加减号相关推荐

ztree点击展开/收缩按钮分级加载，解决数据量过大加载缓慢
有些项目的组织机构足足有六七万多条数据,加载十分缓慢,所考虑做成分级加载. 由于本项目的ztree的树节点的点击事件已经被占用(加载组织人员),所以考虑使用ztree的展开/收缩 (onExpand ...
Extjs TreeNode的图标元素。 (节点图标， expand的加减号)
1. 得到 tree Node 的图标元素 node.getUI().getIconEl() 2. 得到加减号图标元素 node.getUI().ecNode 所得到的元素都是HTML的 img元素 ...
D3 天眼查股权穿透股权结构，默认第一行，异步添加，加减号居中，拖拽，缩放, hover。
因为公司项目需求,在以下相关博客的的基础上,进行了修改. D3 天眼查股权穿透股权结构 1.鼠标经过路径高亮. 2. 加减号优化,很多文章都是直接text标签渲染 "+&qu ...
Vue实现组件——可以长按加/减号自增和自减的输入框
用vue实现一个可以长按加号/减号进行自增减的输入框: 思路:鼠标按下的时候启动一个定时器,控制值进行自增或者自减.当鼠标抬起的时候再取消这个定时器. <!-- 可以长按加减号自增和自减 --& ...
VUE2.0 饿了么学习笔记（10）加减号组件cartcontrol
创建cartcontrol组件,组件关联到food的相关属性,价格,数量等,所以组件要props父组件goods传过来的food数据 export default {//父组件传过来的,接收一个pro ...
加减号控制input框里数字的js
一个加减号控制input框里数字的js,左边是一个减号,右边一个加号,中间是input框,当数字为1时,左边减号置灰不可点击,数字为99时,加号置灰不可点击,点击加减号,input数字改变. 效果图如 ...
html中加减号怎么输入,jQuery 实现点击加减号改变input标签中的value值,该怎么解决...
jQuery 实现点击加减号改变input标签中的value值我想点击左右两边的加减号,让中间input标签中的value属性值做出相应的改变,jQuery怎么实现? ------解决思路 ...
腾讯微博——点击按钮自动加关注代码
腾讯微博点击按钮自动加关注: <iframe id="previewmc" src="http://follow.v.t.qq.com/index.php?c=fo ...
html商城加减号,商城购物车的加减号控制商品数量
今天coding的时候,写购物车,遇到了一个小小的麻烦,开始时候我是这样写的加减号那里的 (只写主要代码,样式不写了) -1+ 当写jQuery的时候就出现了问题, // 减少的代码 $('.decs ...

el-tree展开按钮变成加减号

el-tree展开按钮变成加减号相关推荐

最新文章

热门文章