@ttk/component/src/tax72/style/components/tabs.less

ttk组件库

.@{mk-prefix}-tabs{
    font-family: "微软雅黑";
    // 兼容antd 3.8.4版本样式
    &.no-flex>.@{ant-prefix}-tabs-content>.@{ant-prefix}-tabs-tabpane-inactive,
    &.@{ant-prefix}-tabs-no-animation>.@{ant-prefix}-tabs-content>.@{ant-prefix}-tabs-tabpane-inactive,
    &.@{ant-prefix}-tabs-vertical>.@{ant-prefix}-tabs-content>.@{ant-prefix}-tabs-tabpane-inactive {
        display: none;
    }
    // end
}
// Tabs组件-右侧区域样式
.@{ant-prefix}-tabs-nav {
    color: @text-color-secondary;
    .@{ant-prefix}-tabs-tab {
        .@{ant-prefix}-badge {
            margin-left: 5px;
            .@{ant-prefix}-badge-count {
                background: @error-color;
            }
        }
    }
}
// 纵向Tabs组件-右侧区域样式
.@{ant-prefix}-tabs-vertical.@{ant-prefix}-tabs-left > .@{ant-prefix}-tabs-content {
    margin-left: 20px;
    border-left: none
}
// 纵向Tabs组件-左侧bar样式
.@{ant-prefix}-tabs-vertical.@{ant-prefix}-tabs-left > .@{ant-prefix}-tabs-bar {
    max-width: 50%;
    border-right: none;
    margin: 0;
    .@{ant-prefix}-tabs-tab {
        margin: 0;
        padding: 14px 0 14px 45px;
        font-size: 14px;
        font-weight: normal;
        white-space: normal;
        text-align: left;
        color: @heading-color;
        background-repeat: no-repeat;
        background-position: left top;
        background-image: url(../img/tab_style02_dot01.png);
        &-active {
            background: #edf6fc;
            background-repeat: no-repeat;
            background-position: left top;
            background-image: url(../img/tab_style02_dot02.png);
        }
        &-prev {
            display: none;
        }
        &-next {
            display: none;
        }
    }
    .@{ant-prefix}-tabs-ink-bar {
        width: 0;
    }
    .@{ant-prefix}-tabs-nav-container {
        padding: 0;
    }
    .@{ant-prefix}-tabs-nav-wrap {
        overflow-y: scroll;
    }
}