tab-page-exp.less 1.9 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
.ibiz-page-tag {
    position: relative;
    margin: 8px 0;
    .left{
        .el-tabs__header{
            padding-right:120px;
        }
    }
    .right{
        position: absolute;
        right:0px;
        top:0px;
        width:120px;
        margin:5px 0px;
        display: flex;
        justify-content: center;
    }
    >.tag-tabs{
        background-color: #F0F0F0 !important;
        .el-tabs{
            .el-tabs__nav{
                padding:0px 10px;
                border:none;
            }
            .el-tabs__active-bar{
                background-color: transparent !important;
            }
            .el-tabs__item{
                height: 32px;
                line-height: 32px;
                border: 1px solid #e8eaec!important;
                color: #515a6e!important;
                background: #fff!important;
                padding: 0 12px;
                display: inline-block;
                margin: 4px 4px 4px 0;
                border-radius: 3px;
                font-size: 12px;
                vertical-align: middle;
                opacity: 1;
                overflow: hidden;
                .ivu-tag-dot-inner{
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    margin-right: 8px;
                    border-radius: 50%;
                    background: #e8eaec;
                    position: relative;
                    top: 1px;
                }
            }
            .el-tabs__item:hover{
                color:#409eff;
            }
            .is-active{
                color:#409eff;
                .ivu-tag-dot-inner{
                    background-color:#409eff !important;
                }
                border-bottom:2px solid transparent !important; 
            }
            .el-tabs__header{
                margin:0;
                border-bottom: none;
            }
        }
    }
   
}