el-tree 背景色

console.log('D')

已于 2024-04-19 16:44:17 修改

阅读量85

点赞数

文章标签： vue.js javascript 前端

于 2024-04-19 14:49:57 首次发布

本文链接：https://blog.csdn.net/i_am_father_for_/article/details/137964891

版权

 // 图标
        /deep/.el-tree-node__expand-icon {
            transform: rotate(90deg);
            &.expanded {
                transform: rotate(270deg);
            }
        }
        //展开激活时清空背景色
        /deep/ .el-tree-node:focus > .el-tree-node__content {
            background: #fff;
        }
        // 鼠标选中后色背景色
        /deep/ .el-tree-node.is-current > .el-tree-node__content {
            background: rgba(68, 185, 121, 0.1);
            border-radius: 4px;
            color: #44b979;
        }
        //hover
        /deep/.el-tree-node__content {
            height: 36px;
            padding: 8px;
            &:hover {
                background: #f8f8f8;
                border-radius: 4px;
                color: #383838;
            }
        }