修改element-ui tree树结构前面得小三角。
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
可以看到有下级没展开是。有下级展开了是没有下级了得前面什么符号也没有。
我们只需要替换那两个就可以啦。
有下级用没展开+。展开了用-。
我们只需要覆盖原来得样式,注意要在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 个月前
更多推荐
已为社区贡献27条内容
所有评论(0)