MD_YOSwechat/components/My_switch/index.scss

.switch-box {
    position: relative;
    display: flex;
    width: 170rpx;
    height: 60rpx;
    background: #F5F5F5;
    border-radius: 30rpx;

    view {
        position: relative;
        flex: 1;
        height: 60rpx;
        text-align: center;
        line-height: 60rpx;
        z-index: 2;

        font-size: 24rpx;
        font-family: PingFang SC-Regular, PingFang SC;
        color: #999999;
    }

    .active {
        font-size: 24rpx;
        color: #FFFFFF;
    }

    .bg {
        /* width: 85px;
        height: 52px; */
        position: absolute;
        width: calc(50% - 4px);
        height: calc(100% - 8rpx);
        background: #FA8C16;
        border-radius: 30rpx;
        top: 4rpx;
        z-index: 1;
    }
}