更改

src/assets/less/amap-item.less

@@ -1,79 +1,79 @@
 //高德信息弹窗
 .amap-info-contentContainer {
-  .amap-content-body {
+    .amap-content-body {
-    background: #00152B;
+        background: #00152B;
-    border: 1px solid #129BFF;
+        border: 1px solid #129BFF;
 
-    .amap-lib-infowindow {
+        .amap-lib-infowindow {
-      background: #00152B;
+            background: #00152B;
 
-      .amap-lib-infowindow-title {
+            .amap-lib-infowindow-title {
-        color: #fff;
+                color: #fff;
-        border-bottom: 1px solid #129BFF;
+                border-bottom: 1px solid #129BFF;
-        padding: 4px 0;
+                padding: 4px 0;
-      }
+            }
 
-      .amap-lib-infowindow-content {
+            .amap-lib-infowindow-content {
-        color: #fff;
+                color: #fff;
-        padding: 4px 0;
+                padding: 4px 0;
-      }
+            }
+        }
     }
-  }
 
-  .amap-combo-close {
+    .amap-combo-close {
-    top: 5px;
+        top: 5px;
-    right: 7px;
+        right: 7px;
-  }
+    }
 }
 
 
 /*地图元素样式---start*/
 //marker
 .amap-marker-label {
-  padding: 0;
+    padding: 0;
-  border: none;
+    border: none;
 }
 
 .alarm-content {
-  background-color: #263d5e;
+    background-color: #263d5e;
-  color: #fff;
-  font-size: 14px;
-  padding: 7px 10px;
-  border: 1px solid #1b7ef2;
-  position: relative;
-
-  .close-btn {
-    position: absolute;
-    top: -6px;
-    right: -8px;
-    width: 15px;
-    height: 15px;
-    font-size: 12px;
-    background: #ccc;
-    border-radius: 50%;
     color: #fff;
-    text-align: center;
+    font-size: 14px;
-    line-height: 15px;
+    padding: 7px 10px;
-    box-shadow: -1px 1px 1px rgba(10, 10, 10, 0.2);
+    border: 1px solid #1b7ef2;
-  }
+    position: relative;
 
-  .close-btn:hover {
+    .close-btn {
-    background: #666;
+        position: absolute;
-  }
+        top: -6px;
+        right: -8px;
+        width: 15px;
+        height: 15px;
+        font-size: 12px;
+        background: #ccc;
+        border-radius: 50%;
+        color: #fff;
+        text-align: center;
+        line-height: 15px;
+        box-shadow: -1px 1px 1px rgba(10, 10, 10, 0.2);
+    }
+
+    .close-btn:hover {
+        background: #666;
+    }
 }
 
 /*地图元素样式---end*/
 /*infoWindow*/
 .amap-info-content {
-  width: 100%;
+    width: 100%;
-  height: 100%;
+    height: 100%;
-  background: url("../images/info-modal.png") no-repeat center;
+    background: url("../images/info-modal.png") no-repeat center;
-  background-size: 100% 100%;
+    background-size: 100% 100%;
-  //padding: 16px 18px 22px 10px;
+    //padding: 16px 18px 22px 10px;
 }
 
 .amap-info-contentContainer {
-  .amap-info-sharp {
+    .amap-info-sharp {
-    border-top: none;
+        border-top: none;
-  }
+    }
-}
+}

src/assets/mapUtils/map.ts

@@ -56,12 +56,12 @@ export const Map = {
             getPolygon: function (geoJson: string, lngLats: any) {
                 return new AMap.Polyline({
                     path: lngLats[0],
-                    strokeColor: '#6ccffe',
+                    strokeColor: '#2384dd',
                     strokeWeight: 3,
-                    lineJoin: 'round', //折线拐点的绘制样式
+                    // lineJoin: 'round', //折线拐点的绘制样式
-                    isOutline: true,
+                    isOutline: false,
                     borderWeight: 2,
-                    outlineColor: '#2d475f',
+                    // outlineColor: '#6ccffe',
                 });
             },
         });
@@ -75,8 +75,17 @@ export const Map = {
             getPolygon: function (geoJson: string, lngLats: any) {
                 return new AMap.Polyline({
                     path: lngLats[0],
-                    strokeColor: '#359de5',
+                    // strokeColor: '#57b2f8',
+                    // strokeColor: '#2BA5FF',
+                    // strokeColor: '#3d6eff',
+                    // strokeWeight: 2,
+                    // zIndex: 10,
+                    isOutline: true,
+                    outlineColor: '#2692fc', //88a5f8
+                    borderWeight: 1,
+                    strokeColor: '#88b9f8', //2657fc
                     strokeWeight: 1,
+                    strokeOpacity: 0.8,
                 });
             },
         });

src/components/secondaryScreen/secondMap/secondMap.vue

@@ -269,4 +269,4 @@
             }
         }
     }
-</style>
+</style>

src/views/indexSon.vue

@@ -204,4 +204,4 @@
         background: url('../assets/images/bottom-b.png') no-repeat;
         background-size: 100% 100%;
     }
-</style>
+</style>