首页海子井地图label样式异常BUG修复

src/views/Home/components/map/svg-map-nx.vue

@@ -187,9 +187,17 @@
               fill="#000000"
               opacity="0.8"
             />
-            <text x="455" y="134" fill="#919697" font-size="12">海子井</text>
+            <text class="mapKey" x="455" y="134" fill="#919697" font-size="12">
+              海子井
+            </text>
             <!-- +70 0 -->
-            <text x="515" y="134" fill="#05bb4c" font-size="12">
+            <text
+              class="mapValue"
+              x="515"
+              y="134"
+              fill="#05bb4c"
+              font-size="12"
+            >
               {{ sourceMap.HZJ_GDC_zjts }}台
             </text>
           </g>
@@ -1023,23 +1031,63 @@
             </g>
             <g v-show="popup[9]">
               <use xlink:href="#popup-box-svg" x="561" y="120" />
-              <text x="571" y="140" fill="#919697" font-size="12">经度</text>
+              <text
+                class="mapKey"
+                x="571"
+                y="140"
+                fill="#919697"
+                font-size="12"
+              >
+                经度
+              </text>
               <text x="621" y="140" fill="#05bb4c" font-size="12">
                 {{ xtMap.HZJ_GDC && xtMap.HZJ_GDC.jd }}°
               </text>
-              <text x="571" y="165" fill="#919697" font-size="12">纬度</text>
+              <text
+                class="mapKey"
+                x="571"
+                y="165"
+                fill="#919697"
+                font-size="12"
+              >
+                纬度
+              </text>
               <text x="621" y="165" fill="#05bb4c" font-size="12">
                 {{ xtMap.HZJ_GDC && xtMap.HZJ_GDC.wd }}°
               </text>
-              <text x="571" y="190" fill="#919697" font-size="12">海拔</text>
+              <text
+                class="mapKey"
+                x="571"
+                y="190"
+                fill="#919697"
+                font-size="12"
+              >
+                海拔
+              </text>
               <text x="621" y="190" fill="#05bb4c" font-size="12">
                 {{ xtMap.HZJ_GDC && xtMap.HZJ_GDC.hb }}米
               </text>
-              <text x="571" y="215" fill="#919697" font-size="12">功率</text>
+              <text
+                class="mapKey"
+                x="571"
+                y="215"
+                fill="#919697"
+                font-size="12"
+              >
+                功率
+              </text>
               <text x="621" y="215" fill="#05bb4c" font-size="12">
                 {{ xtMap.HZJ_GDC && xtMap.HZJ_GDC.gl }}MW
               </text>
-              <text x="571" y="240" fill="#919697" font-size="12">日照</text>
+              <text
+                class="mapKey"
+                x="571"
+                y="240"
+                fill="#919697"
+                font-size="12"
+              >
+                日照
+              </text>
               <text x="621" y="240" fill="#05bb4c" font-size="12">
                 {{ xtMap.HZJ_GDC && xtMap.HZJ_GDC.ssfs }}W/m²
               </text>