2018-12-29

改mint-ui中navbar tab选项中下边框的长度

<style lang="less" scoped>
 .mint-navbar .mint-tab-item.is-selected{
        border:0;
    }
    .mint-navbar .mint-tab-item.is-selected:after{ //navbar下边框
        content: '';
        display: inline-block;
        width:0.85rem;
        height:0.11rem;
        background-color: #4285F4;
        // height:.11rem;
        // font-size: .43rem;
    }
</style>

改选中的字体大小

<style lang="less" scoped>
.mint-navbar .mint-tab-item.is-selected{
        margin-bottom: 0;
        font-weight: 500;
        // height:0.67rem;
        font-size:0.48rem;
        color:rgba(38,38,38,1);
        // line-height:0.67rem;
    }
</style>

<style>
.mint-tab-item.is-selected .mint-tab-item-label{
    font-size: .48rem;
}
 .mint-tab-item-label{
     font-size: .43rem;
    }
</style>