fix 导航文字长度问题修复

 <!--
  * @Date: 2023-05-19 14:54:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-09-02 14:56:47
+ * @LastEditTime: 2024-09-02 15:32:36
  * @FilePath: /map-demo/src/views/index.vue
  * @Description: 公众地图主体页面
 -->
@@ -52,12 +52,12 @@
           <div v-if="item.status" class="item" @click="handleSafeRoute(true, item)">
             <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF01.png" size="1.5rem"
               style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
-            <span style="position: absolute; right: -110%;">{{ item.name }}</span>
+            <span style="position: absolute; left: 40px; display: inline-block; width: 10rem; text-align: left;">{{ item.name }}</span>
           </div>
           <div v-else class="item" @click="handleSafeRoute(false, item)">
             <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF02.png" size="1.5rem"
               style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
-              <span style="position: absolute; right: -110%;">{{ item.name }}</span>
+              <span style="position: absolute; left: 40px; display: inline-block; width: 10rem; text-align: left;">{{ item.name }}</span>
           </div>
         </div>
       </div>