Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
049fa33e 1 parent 0a89fc6f

fix 导航文字长度问题修复

Inline Side-by-side
Showing 1 changed file with 3 additions and 3 deletions
1 <!-- 1 <!--
2 * @Date: 2023-05-19 14:54:27 2 * @Date: 2023-05-19 14:54:27
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-09-02 14:56:47 4 + * @LastEditTime: 2024-09-02 15:32:36
5 * @FilePath: /map-demo/src/views/index.vue 5 * @FilePath: /map-demo/src/views/index.vue
6 * @Description: 公众地图主体页面 6 * @Description: 公众地图主体页面
7 --> 7 -->
...@@ -52,12 +52,12 @@ ...@@ -52,12 +52,12 @@
52 <div v-if="item.status" class="item" @click="handleSafeRoute(true, item)"> 52 <div v-if="item.status" class="item" @click="handleSafeRoute(true, item)">
53 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF01.png" size="1.5rem" 53 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF01.png" size="1.5rem"
54 style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" /> 54 style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
55 - <span style="position: absolute; right: -110%;">{{ item.name }}</span> 55 + <span style="position: absolute; left: 40px; display: inline-block; width: 10rem; text-align: left;">{{ item.name }}</span>
56 </div> 56 </div>
57 <div v-else class="item" @click="handleSafeRoute(false, item)"> 57 <div v-else class="item" @click="handleSafeRoute(false, item)">
58 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF02.png" size="1.5rem" 58 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF02.png" size="1.5rem"
59 style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" /> 59 style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
60 - <span style="position: absolute; right: -110%;">{{ item.name }}</span> 60 + <span style="position: absolute; left: 40px; display: inline-block; width: 10rem; text-align: left;">{{ item.name }}</span>
61 </div> 61 </div>
62 </div> 62 </div>
63 </div> 63 </div>
......