调整导览楼层切换布局

This commit is contained in:
lyf
2026-06-29 21:21:56 +08:00
parent 93bd1ddab3
commit d0367289ca
2 changed files with 12 additions and 14 deletions

View File

@@ -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 } : {})
}))

View File

@@ -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;