|
|
@ -394,11 +394,19 @@ export default { |
|
|
.custom-switch { |
|
|
.custom-switch { |
|
|
transform: scale(1.3); |
|
|
transform: scale(1.3); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* 中间文字 */ |
|
|
/* 中间文字 */ |
|
|
.switch-text { |
|
|
.switch-text { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
left: 25%; |
|
|
left: 25%; |
|
|
|
|
|
transform: translateX(-50%); |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
transform: translateY(-50%) translateX(-50%); |
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
color: #606266; |
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
pointer-events: none; |
|
|
|
|
|
z-index: 1; |
|
|
top: 53%; |
|
|
top: 53%; |
|
|
transform: translate(-50%, -50%); |
|
|
transform: translate(-50%, -50%); |
|
|
font-size: 12px; |
|
|
font-size: 12px; |
|
|
@ -411,6 +419,15 @@ export default { |
|
|
.switch-text2 { |
|
|
.switch-text2 { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
left: 75%; |
|
|
left: 75%; |
|
|
|
|
|
transform: translateX(-50%); |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
transform: translateY(-50%) translateX(-50%); |
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
color: #606266; |
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
pointer-events: none; |
|
|
|
|
|
z-index: 1; |
|
|
top: 53%; |
|
|
top: 53%; |
|
|
transform: translate(-50%, -50%); |
|
|
transform: translate(-50%, -50%); |
|
|
font-size: 12px; |
|
|
font-size: 12px; |
|
|
|