Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
e93686d7 1 parent 7888d188

fix 样式调整

Inline Side-by-side
Showing 3 changed files with 22 additions and 16 deletions
...@@ -152,7 +152,8 @@ button:focus { ...@@ -152,7 +152,8 @@ button:focus {
152 top: 0; 152 top: 0;
153 left: 0; 153 left: 0;
154 overflow: hidden; 154 overflow: hidden;
155 - width: calc(100vw - 10vw); 155 + /* width: calc(100vw - 10vw); */
156 + width: calc(100vw);
156 height: 100vh; 157 height: 100vh;
157 } 158 }
158 159
......
1 <!-- 1 <!--
2 * @Date: 2023-07-27 11:04:04 2 * @Date: 2023-07-27 11:04:04
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-07-31 17:03:09 4 + * @LastEditTime: 2023-07-31 18:23:08
5 * @FilePath: /map-demo/src/components/Floor/index.vue 5 * @FilePath: /map-demo/src/components/Floor/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -12,19 +12,24 @@ ...@@ -12,19 +12,24 @@
12 <header class="codrops-header"> 12 <header class="codrops-header">
13 <h1>3D导航地图</h1> 13 <h1>3D导航地图</h1>
14 </header> 14 </header>
15 - <div @click="onClose" style="position: absolute; z-index: 100; top: 0; right: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 1.5em 1em; text-align: center;"> 15 + <div style="position: relative;">
16 - 关闭窗口 16 + <div @click="onClose" style="position: absolute; z-index: 100; top: 1rem; right: 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: center;">
17 - </div> 17 + <van-icon name="cross" size="1.25rem" />
18 - <div @click="onCloseLevel" style="position: absolute; z-index: 100; top: 0; right: 100px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 1.5em 1em; text-align: center;"> 18 + </div>
19 - 关闭图层 19 + <div @click="onSearch" style="position: absolute; z-index: 100; top: 2.75rem; right: 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: center;">
20 - </div> 20 + <van-icon name="search" size="1.25rem" />
21 - <div v-if="level_show" style="position: absolute; z-index: 100; top: 50px; right: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 1.5em 1em; text-align: center;"> 21 + </div>
22 - <span @click="switchFloor('left')"><van-icon name="arrow-left" /></span> 22 + <div v-if="level_show" style="position: absolute; z-index: 100; top: 4.5rem; right: 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: center;">
23 - <span>&nbsp;切换&nbsp;</span> 23 + <span v-if="level_show < 4" @click="switchFloor('left')"><van-icon name="arrow-up" size="1.25rem" /></span>
24 - <span @click="switchFloor('right')"><van-icon name="arrow" /></span> 24 + </div>
25 - </div> 25 + <div v-if="level_show" @click.native="onCloseLevel" style="position: absolute; z-index: 100; top: 6rem; right: 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: center;">
26 - <div @click="onSearch" style="position: absolute; z-index: 100; top: 50px; right: 100px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 1.5em 1em; text-align: center;"> 26 + <span>
27 - 搜索 27 + <van-icon name="points" size="1.25rem" />
28 + </span>
29 + </div>
30 + <div v-if="level_show" style="position: absolute; z-index: 100; top: 8rem; right: 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: center;">
31 + <span v-if="level_show > 1" @click="switchFloor('right')"><van-icon name="arrow-down" size="1.25rem" /></span>
32 + </div>
28 </div> 33 </div>
29 <div class="mall"> 34 <div class="mall">
30 <!-- <div class="surroundings"> 35 <!-- <div class="surroundings">
......
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-31 17:05:09 4 + * @LastEditTime: 2023-07-31 18:14:27
5 * @FilePath: /map-demo/src/views/inner.vue 5 * @FilePath: /map-demo/src/views/inner.vue
6 * @Description: 内部地图主体页面 6 * @Description: 内部地图主体页面
7 --> 7 -->
......