Browse Source

fix map tip ui

wenhongquan 3 years ago
parent
commit
c36f6b5385
1 changed files with 14 additions and 3 deletions
  1. 14 3
      src/components/MarkerMap/index.scss

+ 14 - 3
src/components/MarkerMap/index.scss

@@ -40,12 +40,23 @@
     .maptip {
         position: absolute;
         bottom: px2rem(80px);
-        right: px2rem(20px);
+        // right: px2rem(20px);
         color: white;
+        width: 100%;
+        left: 0;
+        text-align: center;
+        >div {
+            max-width: 3rem;
+            margin: auto;
+            background: #060761;
+            padding: 10px 20px;
+            border-radius: 9px;
+        }
         .tipitem {
-            display: block;
+            display: inline-block;
             min-width: px2rem(92px *2);
-            margin-top: px2rem(40px);
+            // margin-top: px2rem(40px);
+            margin-left: px2rem(40px);
             ;
             #marker {
                 display: inline-block;