静态页面

src/components/common/MapSearch/index.vue

@@ -11,9 +11,9 @@
       <div id="BaiDuMap"></div>
     </div>
 
-    <div class="Bottom flex-h">
-      <a class="flex-item" @click="$emit('Close')">取消</a>
-      <a class="flex-item" @click="SureAddress">确定</a>
+    <div class="Bottom">
+      <a @click="SureAddress">确定</a>
+      <a @click="$emit('Close')">取消</a>
     </div>
   </div>
 </template>

src/components/common/MapSearch/page.scss

@@ -49,19 +49,23 @@
     }
   }
   > .Bottom {
-    width: 100%;
+    width: 0.6rem;
     position: absolute;
-    left: 0;
-    bottom: 0;
+    right: 0;
+    bottom: 1rem;
     z-index: 2;
+    opacity: 0.7;
     > a {
       text-align: center;
       font-size: 0.14rem;
-      line-height: 0.4rem;
+      line-height: 0.6rem;
       background: #ccc;
       color: #fff;
-      &:last-child {
+      display: block;
+      border-radius: 0 0 0 0.08rem;
+      &:first-child {
         background: #ff5200;
+        border-radius: 0.08rem 0 0 0;
       }
     }
   }