router-link 激活显示样式

.card-list{
    margin-top: 1.9rem;
    height: 2.2rem;
    line-height: 2.2rem;
    display: flex;
    background: #fff;
    margin-bottom: 0.05rem;
    .active{
        width:5rem;
        height:1.35rem;
        line-height: 1.35rem;
        border-radius:0.675rem;
        border:0.025rem solid rgba(204,204,204,1);
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:#333333;
        font-size:0.75rem;
        // flex: 1;
        text-align: center;
            margin-left: 0.9rem;
    }
}
.active{
    &.router-link-active{
            .active1{
                
                border-radius:0.675rem;
                border:0.025rem solid rgba(254,74,139,1);
                display: inline-block;
                width:5rem;
                height:1.35rem;
                color: #FFFFFF;
                background:linear-gradient(90deg,rgba(254,74,139,1) 0%,rgba(254,74,121,1) 100%);;
                } 
        }
}

<router-link to="/user/menuList" tag="div" > 
    <div class="tab-link">标签一</div>
</router-link>
<router-link to="/user/home">
    <div class="tab-link">标签二</div>
</router-link>

.router-link-active .tab-link{ //.router-link-active 指定
color: red;
background:pink;
}

被激活的router-link高亮