|
@@ -605,12 +605,12 @@ onUnmounted(() => {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: 50%;
|
|
top: 50%;
|
|
|
left: 50%;
|
|
left: 50%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
|
|
|
|
+ transform: translate(-12px, -12px);
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- width: 24px;
|
|
|
|
|
- height: 24px;
|
|
|
|
|
|
|
+ width: 23px;
|
|
|
|
|
+ height: 23px;
|
|
|
padding-bottom: 2px;
|
|
padding-bottom: 2px;
|
|
|
padding-left: 1px;
|
|
padding-left: 1px;
|
|
|
color: white;
|
|
color: white;
|
|
@@ -642,12 +642,12 @@ onUnmounted(() => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
50% {
|
|
|
- transform: scale(1.5); /* 从 18px 扩展到 24px (18 * 1.33 = 24) */
|
|
|
|
|
|
|
+ transform: scale(1.5);
|
|
|
opacity: 0.7;
|
|
opacity: 0.7;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
100% {
|
|
|
- transform: scale(2); /* 从 18px 扩展到 30px (18 * 1.67 ≈ 30) */
|
|
|
|
|
|
|
+ transform: scale(2);
|
|
|
opacity: 0.2;
|
|
opacity: 0.2;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|