鸟瞰图 - 一级页面隐藏图中标注的文字，仅在鼠标悬浮时显示区域范围（彩色格子）

ui/src/views/aerial/home/index.vue

@@ -7,8 +7,8 @@
            @mouseover="handleCrackingMouseover"
            @mouseleave="handleCrackingMouseleave"
            @click="handleAreaClick('裂解区域')">
-        <div class="cracking-box-text-1"
-              id="cracking-box-text-1">裂 解 区 域</div>
+        <!--<div class="cracking-box-text-1"-->
+              <!--id="cracking-box-text-1">裂 解 区 域</div>-->
       </div>
       <!-- 裂解区域2 -->
       <div class="cracking-box-2"
@@ -16,8 +16,8 @@
            @mouseover="handleCrackingMouseover"
            @mouseleave="handleCrackingMouseleave"
            @click="handleAreaClick('裂解区域')">
-        <div class="cracking-box-text-2"
-             id="cracking-box-text-2">裂 解 区 域</div>
+        <!--<div class="cracking-box-text-2"-->
+             <!--id="cracking-box-text-2">裂 解 区 域</div>-->
       </div>
       <!--  压缩区域1 -->
       <div class="compression-box-1"
@@ -25,8 +25,8 @@
            @mouseover="handleCompressionMouseover"
            @mouseleave="handleCompressionMouseleave"
            @click="handleAreaClick('压缩区域')">
-        <div class="compression-box-text-1"
-             id="compression-box-text-1">压 缩 区 域</div>
+        <!--<div class="compression-box-text-1"-->
+             <!--id="compression-box-text-1">压 缩 区 域</div>-->
       </div>
       <!--  压缩区域2 -->
       <div class="compression-box-2"
@@ -40,8 +40,8 @@
            @mouseover="handleCompressionMouseover"
            @mouseleave="handleCompressionMouseleave"
            @click="handleAreaClick('压缩区域')">
-        <div class="compression-box-text-3"
-             id="compression-box-text-3">压 缩 区 域</div>
+        <!--<div class="compression-box-text-3"-->
+             <!--id="compression-box-text-3">压 缩 区 域</div>-->
       </div>
       <!--  压缩区域4 -->
       <div class="compression-box-4"
@@ -61,8 +61,8 @@
            @mouseover="handleD201Mouseover"
            @mouseleave="handleD201Mouseleave"
            @click="handleAreaClick('D201')">
-        <div class="d201-box-text"
-             id="d201-box-text">D 2 0 1</div>
+        <!--<div class="d201-box-text"-->
+             <!--id="d201-box-text">D 2 0 1</div>-->
       </div>
       <!--  分离区域1 -->
       <div class="separation-box-1"
@@ -70,8 +70,8 @@
            @mouseover="handleSeparationMouseover"
            @mouseleave="handleSeparationMouseleave"
            @click="handleAreaClick('分离区域')">
-        <div class="separation-box-text-1"
-             id="separation-box-text-1">分 离 区 域</div>
+        <!--<div class="separation-box-text-1"-->
+             <!--id="separation-box-text-1">分 离 区 域</div>-->
       </div>
       <!--  分离区域2 -->
       <div class="separation-box-2"
@@ -85,8 +85,8 @@
            @mouseover="handleSeparationMouseover"
            @mouseleave="handleSeparationMouseleave"
            @click="handleAreaClick('分离区域')">
-        <div class="separation-box-text-3"
-             id="separation-box-text-3">分 离 区 域</div>
+        <!--<div class="separation-box-text-3"-->
+             <!--id="separation-box-text-3">分 离 区 域</div>-->
       </div>
       <!--  分离区域4 -->
       <div class="separation-box-4"
@@ -100,8 +100,8 @@
            @mouseover="handleOfficeMouseover"
            @mouseleave="handleOfficeMouseleave"
            @click="handleAreaClick('办公楼')">
-        <div class="office-box-text"
-             id="office-box-text">办 公 楼</div>
+        <!--<div class="office-box-text"-->
+             <!--id="office-box-text">办 公 楼</div>-->
       </div>
       <!--  PGU区域 -->
       <div class="pgu-box"
@@ -109,8 +109,8 @@
            @mouseover="handlePguMouseover"
            @mouseleave="handlePguMouseleave"
            @click="handleAreaClick('PGU区域')">
-        <div class="pgu-box-text"
-             id="pgu-box-text">P G U 区 域</div>
+        <!--<div class="pgu-box-text"-->
+             <!--id="pgu-box-text">P G U 区 域</div>-->
       </div>
       <!--  AEU区域1 -->
       <div class="aeu-box-1"
@@ -124,8 +124,8 @@
            @mouseover="handleAeuMouseover"
            @mouseleave="handleAeuMouseleave"
            @click="handleAreaClick('AEU区域')">
-        <div class="aeu-box-text"
-             id="aeu-box-text">A E U 区 域</div>
+        <!--<div class="aeu-box-text"-->
+             <!--id="aeu-box-text">A E U 区 域</div>-->
       </div>
       <!-- 阴影区域（左下角） -->
       <div class="shadow-box-bottom-left"></div>