美文网首页
el-tree 滚动条,自定义svg格式折叠、展开icon

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