.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); }