ABPCMS.Web/scss/_navtabs.scss

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

.nav-tabs {
    border-bottom: 2px solid #eee;

    > li {
        position: relative;
        top: 3px;
        left: -2px;

        > a {
            border: none !important;
            color: #999 !important;
            @include border-radius(0);

            &:hover,
            &:active,
            &:focus {
                background-color: transparent !important;
            }

            &:before {
                content: '';
                position: absolute;
                left: 0;
                width: 100%;
                height: 0;
                border-bottom: 2px solid #2196F3;
                bottom: 2px;
                @include transform(scaleX(0));
                @include transition(0.1s ease-in);
            }

            .material-icons {
                position: relative;
                top: 7px;
                margin-bottom: 8px;
            }
        }
    }

    li.active {
        a {
            color: #222 !important;

            &:hover,
            &:active,
            &:focus {
                background-color: transparent !important;
            }

            &:before {
                @include transform(scaleX(1));
            }
        }
    }

    + .tab-content {
        padding: 15px 0;
    }
}