带着下划线的tab切换

483 阅读1分钟

     .hd-tab {    display: flex;    justify-content: space-between;    padding: 0 54upx 0 67upx;    align-items: center;    text-align: center;    background-color: #fff;    height: 88upx;    font-size:28upx;    color:rgba(51,51,51,1);    text {      // flex: 1;      line-height: 1;      display: inline-block;      &.active {        position:relative;        font-weight:bold;        color:rgba(51,51,51,1);      }      &.active:after{        position: absolute;        left: 0;        content: '';        width: 100%;        height: 6upx;        background:linear-gradient(-90deg,rgba(148,222,143,1),rgba(29,198,184,1));        bottom: -15upx;      }    }  }