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