el-tree 滚动条,自定义svg格式折叠、展开icon
作者:
海豚先生的博客 | 来源:发表于
2020-10-10 14:46 被阅读0次
显示滚动条
el-tree的容器元素
.tree-wrap {
overflow: auto;
}
// 下面一行代码是关键
/deep/ .el-tree-node > .el-tree-node__children {
overflow: visible;
}
自定义icon
.el-tree-node__expand-icon.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.el-icon-caret-right:before {
font-size:12px;
// 对svg图片编码即可展示
content: url(encodeURI('@/assets/add-icon.svg'))
}
.el-tree-node__expand-icon.expanded.el-icon-caret-right:before{
content:url(同上)
}
is-leaf.el-icon-cart-right::before{
content:''
}
本文标题:el-tree 滚动条,自定义svg格式折叠、展开icon
本文链接:https://www.haomeiwen.com/subject/cffjpktx.html
网友评论