调整导览楼层切换布局
This commit is contained in:
@@ -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 } : {})
|
||||
}))
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user