Răsfoiți Sursa

修改百度地图的弹框

“yueshang” 1 an în urmă
părinte
comite
c243bb3d8d
1 a modificat fișierele cu 25 adăugiri și 1 ștergeri
  1. 25 1
      src/views/index.vue

+ 25 - 1
src/views/index.vue

@@ -65,6 +65,7 @@
         >
           <!-- 缩放 -->
           <bm-navigation anchor="BMAP_ANCHOR TOP_RIGHT"></bm-navigation>
+          <!-- 点位 -->
           <bm-marker
             v-for="(marker, index) of this.topData.info"
             :key="index"
@@ -75,6 +76,7 @@
               size: { width: 150, height: 157 },
             }"
           >
+          <!-- 弹框 -->
             <bm-info-window
               :show="selectedMarker == marker"
               @close="infoWindowClose"
@@ -361,6 +363,7 @@ export default {
   margin-left: 10px;
   display: flex;
   flex-direction: column;
+  
   justify-content: space-around;
 }
 .poptop,
@@ -381,7 +384,7 @@ export default {
   .vertical-dashed-line {
     margin-top: 8px;
     border-left: 2px dashed #72838c;
-    height: 45px; /* 虚线的高度 */
+    height: 40px; /* 虚线的高度 */
   }
   .pop-right {
     font-weight: 600;
@@ -402,4 +405,25 @@ export default {
     }
   }
 }
+::v-deep .BMap_top,::v-deep .BMap_bottom{
+  background: rgba(255,255,255,0.8) !important;
+}
+::v-deep .BMap_pop{
+  > div:nth-child(7),> div:nth-child(5),> div:nth-child(1),> div:nth-child(3),> div:nth-child(4){
+         >div{
+          background: rgba(255,255,255,0.8) !important;
+         }
+           
+        }
+  > div:nth-child(8) {
+            display: none;
+        }
+
+}
+::v-deep .BMap_pop .BMap_center {
+  background: rgba(255,255,255,0.8) !important;
+}
+::v-deep .BMap_shadow, .BMap_shadow img, .BMap_shadow div {
+  display: none;
+}
 </style>