el-tree改变样式

最新推荐文章于 2024-04-15 06:09:10 发布

闭着眼睛揪耳朵

最新推荐文章于 2024-04-15 06:09:10 发布

阅读量1.9k

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_54252683/article/details/126624068

版权

                .el-tree{
                    color: #182A4E;
                }
                .el-tree /deep/ .el-tree-node__expand-icon.expanded{
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                }
                .el-tree /deep/ .el-tree-node__content {
                    display: flex;
                    align-items: center;
                    height: 32px;
                    cursor: pointer;
                    border-bottom: 1px solid #e0e2e5;
                    background: #eff1f3;
                }
                .el-tree /deep/ .el-tree-node__children{
                    .el-tree-node__content{
                        background: #FFFFFF;
                        border-bottom: 1px solid #e0e2e5;
                    }
                }
                .el-tree /deep/ .el-tree-node {
                    .is-leaf + .el-checkbox .el-checkbox__inner {
                        display:inline-block;
                    }
                    .el-checkbox__input> .el-checkbox__inner {
                        display:none;
                    }
                    .is-leaf.el-tree-node_expand-icon {
                        display:none;
                    }
                }
                .el-tree /deep/ .el-checkbox__input.is-checked .el-checkbox__inner, 
                .el-tree /deep/ .el-checkbox__input.is-indeterminate .el-checkbox__inner {
                    background-color: #FFFFFF;
                    border-color:#0854A1
                }

                .el-tree /deep/.el-checkbox__inner::after{
                    border: 1px solid #0854A1;
                    border-left: 0;
                    border-top: 0;
                }