更改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;
}
相关推荐
涛涛ing10 分钟前
2026年最值得关注的前端变化,藏在“默认值”里
前端
量化分析码农1 小时前
股票历史数据的复权参数对照:多级别返回的字段与数值差异
java·javascript·后端
亿元程序员2 小时前
太牛了!这AI做出来的游戏,居然还能变现!
前端
hellice2 小时前
闪传 FlashDrop 实战:我用 300 行 Node 代码做了个「4 位取件码」临时文件中转站
前端·产品
用户0829773260052 小时前
RTX 5500 MIG 踩坑记录:切分之后模型跑不起来,排错整整一下午
前端
Lank_M2 小时前
AI 放大后的图更清楚,但它不能当原图入库
前端
Swot2 小时前
SvelteKit 数据流研究:`+page.js` 和 `+page.server.js` 到底谁在跑,数据又去了哪儿
前端·后端
用户4147679304153 小时前
Windows 触摸屏上 Swiper 轮播滑不动?可能是内部滚动容器抢走了你的手势
前端
张明君644513 小时前
从一个 Referer 引发的 403,到 SSR 服务失稳:Astro 流式渲染与缓存失效分析
前端
律宏阔3 小时前
微信小程序 + Taro + TDesign 去掉 [&&&],让普通 Tailwind 类接管局部样式
前端·微信小程序·taro