更改elementui的箭头图片以及位置

javascript 复制代码
//更改箭头位置
.el-tree-node__content > .el-tree-node__expand-icon {
  position: absolute;
  right: 12px;
}
javascript 复制代码
//更改箭头图片
.el-tree-node__expand-icon {
  transform: rotate(-90deg);
}
.el-tree-node__expand-icon.expanded {
  transform: rotate(0deg);
}
// 有子节点 且已展开
.el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
  background: url('~@/assets/images/arrow.png') no-repeat 0 3px;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  background-size: 12px;
}
// 有子节点 且未展开
.el-tree .el-icon-caret-right:before {
  background: url('~@/assets/images/arrow.png') no-repeat 0 3px;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  background-size: 12px;
}
// 没有子节点
.el-tree .el-tree-node__expand-icon.is-leaf::before {
  background: #fff;
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  font-size: 0px;
  background-size: 0px;
}
相关推荐
weixin_427771612 分钟前
Vite 与 Webpack 模块解析差异
前端·webpack·node.js
永远是我的最爱4 分钟前
基于ASP.NET的图书管理系统的设计与实现
前端·后端·sql·visual studio
广州华水科技12 分钟前
单北斗GNSS技术在变形监测中的应用及其位移监测优势解析
前端
刘晓倩17 分钟前
Python内置函数-hasattr()
前端·javascript·python
爱上妖精的尾巴33 分钟前
7-10 WPS JS宏 对象使用实例7--拆分单表到多工作簿下的多表
javascript·restful·wps·jsa
C_心欲无痕34 分钟前
不点击鼠标也能通过MouseEvent实现点击事件
前端·javascript
鲨莎分不晴1 小时前
【实战】老项目焕发新生:从 Webpack 平滑迁移到 Vite 避坑全记录
前端·webpack·node.js
web小白成长日记1 小时前
从零起步,用TypeScript写一个Todo App:踩坑与收获分享
前端·javascript·typescript
圣心2 小时前
Gemini 模型 介绍
前端
huangyiyi666662 小时前
前端-远程多选搜索框不能反显的问题解决
前端·javascript·vue.js·笔记·学习