可以看到有下级没展开是。有下级展开了是没有下级了得前面什么符号也没有。

我们只需要替换那两个就可以啦。

有下级用没展开+。展开了用-。

 

我们只需要覆盖原来得样式,注意要在style里面写,不是style scoped里面。并且

.tree .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.tree .el-icon-caret-right:before {
  content: "\E602";
  font-size: 18px;
}
.tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
  content: "\E63c";
  font-size: 18px;
}

 

至于上面得content得标号怎么来的。我们可以利用浏览器啊。

 

 

可以看的element-ui得图标对应得content都可以看到。

按照elemnt-ui得图标得名字去搜看那个加减号对应得content就可以啦。

GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45 8 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 9 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐