menstruationApp/template/switch/switch.wxss

.switch-wrapper{
    width: 120rpx;
    height: 60rpx;
    border-radius: 50rpx;
    position: relative;
}
.switch-btn{
    width: 56rpx;
    height: 56rpx;
    border-radius: 28rpx;
    position: absolute;
    background: white;
    box-shadow: 0rpx 2rpx 4rpx rgba(0,0,0,0.4);
}
.open1{
    background: #FE78AB;
}
.open2{
    top: 2rpx;
    right: 1rpx;
}
.close1{
    background: rgba(255,255,255,0.4);
    border:3rpx solid rgba(0,0,0,0.15);
    border-left: transparent;
}
.close2{
    left: 0rpx;
    top: 0rpx;
    border:2rpx solid rgba(0,0,0,0.1);
}