调整导览楼层切换布局
This commit is contained in:
@@ -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