浏览代码

fix map tip ui

wenhongquan 3 年之前
父节点
当前提交
c36f6b5385
共有 1 个文件被更改,包括 14 次插入3 次删除
  1. 14 3
      src/components/MarkerMap/index.scss

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

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