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 19 additions and 13 deletions
......@@ -152,7 +152,8 @@ button:focus {
top: 0;
left: 0;
overflow: hidden;
width: calc(100vw - 10vw);
/* width: calc(100vw - 10vw); */
width: calc(100vw);
height: 100vh;
}
......
<!--
* @Date: 2023-07-27 11:04:04
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-07-31 17:03:09
* @LastEditTime: 2023-07-31 18:23:08
* @FilePath: /map-demo/src/components/Floor/index.vue
* @Description: 文件描述
-->
......@@ -12,19 +12,24 @@
<header class="codrops-header">
<h1>3D导航地图</h1>
</header>
<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;">
关闭窗口
<div style="position: relative;">
<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;">
<van-icon name="cross" size="1.25rem" />
</div>
<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;">
关闭图层
<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;">
<van-icon name="search" size="1.25rem" />
</div>
<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;">
<span @click="switchFloor('left')"><van-icon name="arrow-left" /></span>
<span>&nbsp;切换&nbsp;</span>
<span @click="switchFloor('right')"><van-icon name="arrow" /></span>
<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;">
<span v-if="level_show < 4" @click="switchFloor('left')"><van-icon name="arrow-up" size="1.25rem" /></span>
</div>
<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;">
<span>
<van-icon name="points" size="1.25rem" />
</span>
</div>
<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;">
<span v-if="level_show > 1" @click="switchFloor('right')"><van-icon name="arrow-down" size="1.25rem" /></span>
</div>
<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;">
搜索
</div>
<div class="mall">
<!-- <div class="surroundings">
......
<!--
* @Date: 2023-05-19 14:54:27
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-07-31 17:05:09
* @LastEditTime: 2023-07-31 18:14:27
* @FilePath: /map-demo/src/views/inner.vue
* @Description: 内部地图主体页面
-->
......