|
|
@@ -2649,7 +2649,7 @@ onMounted(async () => {
|
|
|
|
|
|
&:hover {
|
|
|
transform: translate(-50%, -50%) scale(1.15);
|
|
|
- background: #9ca3af;
|
|
|
+ background: white;
|
|
|
|
|
|
.point-tooltip {
|
|
|
opacity: 1;
|
|
|
@@ -2659,17 +2659,13 @@ onMounted(async () => {
|
|
|
|
|
|
&.active {
|
|
|
background: #ffffff; // 激活 - 白色
|
|
|
- box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
|
|
|
-
|
|
|
- .point-number {
|
|
|
- color: #000;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
&.selected {
|
|
|
transform: translate(-50%, -50%) scale(1.15);
|
|
|
background: #3b82f6; // 选中 - 蓝色
|
|
|
box-shadow: 0 0 12px rgba(59, 130, 246, 0.7);
|
|
|
+ color: white;
|
|
|
z-index: 10;
|
|
|
|
|
|
.point-tooltip {
|
|
|
@@ -2682,9 +2678,9 @@ onMounted(async () => {
|
|
|
background: #818cf8; // 巡航走过 - 主题色(紫蓝色)
|
|
|
box-shadow: 0 0 8px rgba(129, 140, 248, 0.6);
|
|
|
|
|
|
- .point-number {
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
+ // .point-number {
|
|
|
+ // color: #fff;
|
|
|
+ // }
|
|
|
}
|
|
|
|
|
|
&.dragging {
|
|
|
@@ -2704,15 +2700,11 @@ onMounted(async () => {
|
|
|
opacity: 0;
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
-
|
|
|
- .point-number {
|
|
|
- color: #000;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
// 圆内数字
|
|
|
.point-number {
|
|
|
- color: #fff;
|
|
|
+ // color: #fff;
|
|
|
font-size: 11px;
|
|
|
font-weight: 600;
|
|
|
pointer-events: none;
|