css 设置切换导航(带下划线)

1 vue

      完成
      未完成

2  css

.head-nav{
            display: flex;
            margin: 24rpx 0;
            width: 100%;
            view{
                margin: 10rpx;
            }
            .active{
                position: relative;
                font-weight: bold;
            }
            .active::after{
                content: "";
                position: absolute;
                left: 32rpx;
                bottom: -16rpx;
                width: 34rpx;
                height: 8rpx;
                background: #2468F1;
                border-radius: 4rpx;
            }
        }