高德地图底图经纬度定位

src/components/HotLandmark.vue

@@ -3,7 +3,7 @@
     <div
       v-show="!showit"
       class="switch"
-      style="position: absolute; top: -40px; right: 0; z-index: 99; cursor: pointer"
+      style="position: absolute; top: -2.5rem; right: 0; z-index: 99; cursor: pointer"
       @click="showLandmark"
     >
       <img class="icon" src="../assets/up.png" />
@@ -11,7 +11,7 @@
     <div
       v-show="showit"
       class="switch"
-      style="position: absolute; top: -50px; right: 0; z-index: 99; cursor: pointer"
+      style="position: absolute; top: -2.5rem; right: 0; z-index: 99; cursor: pointer"
       @click="showLandmark"
     >
       <img class="icon" src="../assets/down.png" />
@@ -61,36 +61,36 @@ const write = (flytoLand) => {
 
 <style scoped>
 .landmark {
-  max-height: 360px;
+  max-height: 18rem;
   overflow-y: auto;
 }
 
 .switch {
-  width: 50px;
-  height: 50px;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
 }
 
 .icon {
-  width: 50px;
+  width: 2.5rem;
 }
 
 table {
   color: #ffffff;
   background-color: #242424;
-  padding: 10px;
-  border-radius: 7px;
+  padding: 0.5rem;
+  border-radius: 0.5rem;
   border-collapse: separate;
-  border-spacing: 2px;
+  border-spacing: 0.1rem;
   text-align: center;
 }
 
 table th:first-child {
-  width: 120px;
+  width: 6rem;
 }
 
 table th:not(:first-child) {
-  width: 100px;
+  width: 5rem;
 }
 
 table thead tr {
@@ -107,6 +107,6 @@ table tbody tr:nth-child(odd) {
 
 table th,
 table td {
-  padding: 3px 5px;
+  padding: 0.2rem 0.2rem;
 }
 </style>