Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
9cca9516 1 parent 2ff75417

fix 显示样式调整

Inline Side-by-side
Showing 2 changed files with 18 additions and 15 deletions
...@@ -38,23 +38,23 @@ ...@@ -38,23 +38,23 @@
38 <div class="box-wrapper"> 38 <div class="box-wrapper">
39 <div v-if="open_current_location" class="item" @click="handleLocation(true)"> 39 <div v-if="open_current_location" class="item" @click="handleLocation(true)">
40 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem" 40 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem"
41 - style="vertical-align: middle;" /> 41 + style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);;" />
42 </div> 42 </div>
43 <div v-else class="item" @click="handleLocation(false)"> 43 <div v-else class="item" @click="handleLocation(false)">
44 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem" 44 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem"
45 - style="vertical-align: middle;" /> 45 + style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
46 </div> 46 </div>
47 <!-- <div class="item" @click="selectRoute"> 47 <!-- <div class="item" @click="selectRoute">
48 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem" 48 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem"
49 style="vertical-align: middle;" /> 49 style="vertical-align: middle;" />
50 </div> --> 50 </div> -->
51 <div v-if="open_safe_route" class="item" @click="handleSafeRoute(true)"> 51 <div v-if="open_safe_route" class="item" @click="handleSafeRoute(true)">
52 - <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF01.png" size="1.25rem" 52 + <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF01.png" size="1.5rem"
53 - style="vertical-align: middle;" /> 53 + style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
54 </div> 54 </div>
55 <div v-else class="item" @click="handleSafeRoute(false)"> 55 <div v-else class="item" @click="handleSafeRoute(false)">
56 - <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF02.png" size="1.25rem" 56 + <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF02.png" size="1.5rem"
57 - style="vertical-align: middle;" /> 57 + style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
58 </div> 58 </div>
59 </div> 59 </div>
60 </div> 60 </div>
...@@ -1274,6 +1274,7 @@ export default { ...@@ -1274,6 +1274,7 @@ export default {
1274 justify-content: center; 1274 justify-content: center;
1275 1275
1276 .item { 1276 .item {
1277 + position: relative;
1277 text-align: center; 1278 text-align: center;
1278 font-size: 0.85rem; 1279 font-size: 0.85rem;
1279 width: 2rem; 1280 width: 2rem;
......
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: 2023-07-27 16:52:48 4 + * @LastEditTime: 2023-07-31 11:28:16
5 * @FilePath: /map-demo/src/views/inner.vue 5 * @FilePath: /map-demo/src/views/inner.vue
6 * @Description: 内部地图主体页面 6 * @Description: 内部地图主体页面
7 --> 7 -->
...@@ -37,23 +37,24 @@ ...@@ -37,23 +37,24 @@
37 <div class="operate-bar-wrapper"> 37 <div class="operate-bar-wrapper">
38 <div class="box-wrapper"> 38 <div class="box-wrapper">
39 <div class="item" @click="testFloor"> 39 <div class="item" @click="testFloor">
40 - 3D 40 + <span style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">3D</span>
41 +
41 </div> 42 </div>
42 <div v-if="open_current_location" class="item" @click="handleLocation(true)"> 43 <div v-if="open_current_location" class="item" @click="handleLocation(true)">
43 - <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem" 44 + <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.25rem"
44 - style="vertical-align: ;" /> 45 + style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
45 </div> 46 </div>
46 <div v-else class="item" @click="handleLocation(false)"> 47 <div v-else class="item" @click="handleLocation(false)">
47 - <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem" 48 + <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.25rem"
48 - style="vertical-align: ;" /> 49 + style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
49 </div> 50 </div>
50 <div v-if="open_safe_route" class="item" @click="handleSafeRoute(true)"> 51 <div v-if="open_safe_route" class="item" @click="handleSafeRoute(true)">
51 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF01.png" size="1.25rem" 52 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF01.png" size="1.25rem"
52 - style="vertical-align: ;" /> 53 + style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
53 </div> 54 </div>
54 <div v-else class="item" @click="handleSafeRoute(false)"> 55 <div v-else class="item" @click="handleSafeRoute(false)">
55 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF02.png" size="1.25rem" 56 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF02.png" size="1.25rem"
56 - style="vertical-align: ;" /> 57 + style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
57 </div> 58 </div>
58 </div> 59 </div>
59 </div> 60 </div>
...@@ -1299,7 +1300,7 @@ export default { ...@@ -1299,7 +1300,7 @@ export default {
1299 .operate-bar-wrapper { 1300 .operate-bar-wrapper {
1300 position: fixed; 1301 position: fixed;
1301 left: 20px; 1302 left: 20px;
1302 - bottom: 6rem; 1303 + bottom: 5.5rem;
1303 width: 20px; 1304 width: 20px;
1304 height: auto; 1305 height: auto;
1305 z-index: 100; 1306 z-index: 100;
...@@ -1311,6 +1312,7 @@ export default { ...@@ -1311,6 +1312,7 @@ export default {
1311 justify-content: center; 1312 justify-content: center;
1312 1313
1313 .item { 1314 .item {
1315 + position: relative;
1314 text-align: center; 1316 text-align: center;
1315 font-size: 0.85rem; 1317 font-size: 0.85rem;
1316 width: 2rem; 1318 width: 2rem;
......