From d0367289cad10003d26484e46cccb0fb542292d7 Mon Sep 17 00:00:00 2001
From: lyf <2514544224@qq.com>
Date: Mon, 29 Jun 2026 21:21:56 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=AF=BC=E8=A7=88=E6=A5=BC?=
 =?UTF-8?q?=E5=B1=82=E5=88=87=E6=8D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navigation/GuideMapShell.vue |  4 +++-
 src/pages/index/index.vue                   | 22 +++++++++------------
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/components/navigation/GuideMapShell.vue b/src/components/navigation/GuideMapShell.vue
index 77c4603..8d1949d 100644
--- a/src/components/navigation/GuideMapShell.vue
+++ b/src/components/navigation/GuideMapShell.vue
@@ -282,6 +282,7 @@ const props = withDefaults(defineProps<{
   layerMode?: LayerDisplayMode
   searchTop?: string
   floorTop?: string
+  floorBottom?: string
   floorMaxHeight?: string
   layerModeToggleTop?: string
   toolsTop?: string
@@ -330,6 +331,7 @@ const props = withDefaults(defineProps<{
   layerMode: 'single',
   searchTop: '16px',
   floorTop: '164px',
+  floorBottom: '',
   floorMaxHeight: '',
   layerModeToggleTop: '154px',
   toolsTop: '406px',
@@ -439,7 +441,7 @@ const searchFieldStyle = computed(() => ({
 }))
 
 const floorSwitcherStyle = computed(() => ({
-  top: props.floorTop,
+  ...(props.floorBottom ? { bottom: props.floorBottom } : { top: props.floorTop }),
   ...(props.floorMaxHeight ? { maxHeight: props.floorMaxHeight } : {})
 }))
 
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index d0297a6..4604f53 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -29,15 +29,12 @@
       :layer-mode="indoorLayerMode"
       :active-floor="activeGuideFloor"
       layer-mode-toggle-top="154px"
-      floor-top="clamp(128px, 18vh, 180px)"
-      floor-max-height="min(342px, calc(100vh - clamp(128px, 18vh, 180px) - 300px))"
-      floor-side="right"
+      floor-bottom="185px"
+      floor-max-height="342px"
+      floor-side="left"
       show-floor-header
       :show-layer-mode-toggle="false"
       :show-floor="is3DMode"
-      :tools="indoorCameraTools"
-      tools-top=""
-      tools-bottom="138px"
       show-zoom-controls
       zoom-controls-top="calc(100vh - 284px)"
       :route-preview="activeRoutePreview"
@@ -338,7 +335,6 @@ const normalizeGuideFloorId = (labelOrId: string) => guideUseCase.normalizeFloor
 const indoorLayerMode = computed<LayerDisplayMode>(() => (
   indoorView.value === 'multi' ? 'multi' : 'single'
 ))
-const indoorCameraTools = computed(() => (is3DMode.value ? ['复位', '俯视', '斜视'] : []))
 const showIndoorGestureHint = ref(true)
 const indoorGestureHintText = ref('单指旋转 · 双指缩放/平移 · 点选标记查看位置')
 let indoorGestureHintTimer: ReturnType<typeof setTimeout> | null = null
@@ -1331,19 +1327,19 @@ const handleExplainBack = () => {
 
 .guide-quick-actions {
   position: absolute;
-  right: 18px;
-  bottom: calc(env(safe-area-inset-bottom) + 136px);
+  top: 118px;
+  right: 16px;
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  gap: 10px;
+  gap: 8px;
   z-index: 1002;
 }
 
 .guide-quick-action {
-  width: 88px;
-  min-height: 48px;
-  padding: 7px 8px 6px;
+  width: 76px;
+  min-height: 46px;
+  padding: 6px 7px;
   display: flex;
   flex-direction: column;
   align-items: center;