fix

 <!--
  * @Date: 2023-05-19 14:54:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-06-07 15:27:35
+ * @LastEditTime: 2023-06-07 15:37:23
  * @FilePath: /map-demo/src/views/index.vue
  * @Description: 地图主体页面
 -->
@@ -51,7 +51,7 @@
       </div>
     </div>
 
-    <div v-if="!show_walk_route" @click="removeWalkRoute" style="position: fixed; bottom: 8rem; left: 48%; z-index: 999; background: rgba(86, 65, 23, 0.8); color: white; border-radius: 10px; padding: 5px 12px; font-size: 0.8rem;">
+    <div v-if="!show_walk_route" @click="removeWalkRoute" class="walk-nav-text">
       关闭步行导航
     </div>
 
@@ -456,7 +456,7 @@ export default {
         fillColor: '#CFE7AA'
       });
     },
-    isPointInRing () { // 是否在景区范围
+    isPointInRing() { // 是否在景区范围
       let isPointInRing = AMap.GeometryUtil.isPointInRing([this.current_lng, this.current_lat], [
         [120.585111, 31.316084], [120.585111, 31.316084], [120.589488, 31.313197], [120.585422, 31.313005]
       ]);
@@ -1085,4 +1085,17 @@ export default {
 .van-dialog__confirm:active {
   color: #AB8F57;
 }
+
+.walk-nav-text {
+  position: fixed;
+  bottom: 6rem;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 999;
+  background: rgba(86, 65, 23, 0.8);
+  color: white;
+  border-radius: 10px;
+  padding: 5px 12px;
+  font-size: 0.8rem;
+}
 </style>