zz

src/views/ordinaryPage/index.vue

@@ -501,7 +501,8 @@
       <div class="mouse-flow-status" :class="mouseBenchDetail.status"></div>
     </div> -->
     <div
-      class="bmMapItemInfo"
+      class="bmMapItemInfoWater"
+      v-show="mouseStatus"
       :class="{
         bmMapItemInfoSelected: mouseStatus,
       }"
@@ -2835,6 +2836,28 @@ export default {
   background: rgba(117, 117, 117, 0.8);
 }
 
+.bmMapItemInfoWater {
+  position: absolute;
+  width: 120px;
+  box-sizing: border-box;
+  padding: 3px;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  flex-direction: column;
+  font-size: 12px;
+  z-index: 6;
+  user-select: none;
+  /* background: #183153; */
+  overflow: hidden;
+  border: none;
+  color: #ccc;
+  border-radius: 10px;
+  left: 30px;
+  padding-left: 10px;
+  background: rgba(117, 117, 117, 0.8);
+}
+
 .bmMapItemInfoAfter {
   width: 0%;
   height: 100%;
@@ -3588,6 +3611,28 @@ export default {
   background: rgba(117, 117, 117, 0.8);
 }
 
+.bmMapItemInfoWater {
+  position: absolute;
+  width: 120px;
+  box-sizing: border-box;
+  padding: 3px;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  flex-direction: column;
+  font-size: 12px;
+  z-index: 6;
+  user-select: none;
+  /* background: #183153; */
+  overflow: hidden;
+  border: none;
+  color: #ccc;
+  border-radius: 10px;
+  left: 30px;
+  padding-left: 10px;
+  background: rgba(117, 117, 117, 0.8);
+}
+
 .bmMapItemInfoAfter {
   width: 0%;
   height: 100%;