# H5 导览首页精简设计稿

本目录为新版 H5 导览首页的精简设计稿，仅表达功能逻辑和页面结构，不作为最终视觉规范。

## 文件

- `01-h5-home-3d-map-focus.png`：H5 首页设计稿，重点突出馆内三维地图。
- `01-h5-home-3d-map-focus.svg`：用于复查和二次调整的可编辑源稿。

## 设计逻辑

- 平台定位为纯 H5 页面：无手机状态栏、无微信小程序胶囊、无小程序标题栏。
- 首页核心目标是进入馆内导览，因此三维地图占据首屏主体区域。
- 搜索、地图/列表切换、图例、设施入口、楼层切换、定位和缩放控件均以地图浮层形式出现，减少对地图主区域的挤占。
- 底部只保留主要操作「开始导览」，不加入收藏、推荐、我的等扩展功能。
- 右上角保留「来馆」入口，对应馆外/到馆路线入口。

## 参考依据

- 用户提供的首页参考图：保留其信息架构，包括标题、来馆、地图/列表、搜索、设施入口、楼层和开始导览。
- `深圳自然博物馆小程序+设计规范0519`：参考背景色、主按钮色、按钮文字色、标签绿色、分割线和基础边距。

## 本项目落地对应

- 首页入口：`src/pages/index/index.vue`
- 导览地图容器：`src/components/navigation/GuideMapShell.vue`
- 地图渲染区域：`src/components/map/SgsMapRenderer.vue`
- 后续路线规划面板：`src/components/navigation/RoutePlannerPanel.vue`

## 需要确认

- H5 首页是否默认展示地图模式，列表是否作为次级 tab 保留。
- 「开始导览」点击后是进入路线规划、当前位置预览，还是直接进入模拟导览。
- 设施入口是否只保留服务台、电梯、扶梯、洗手间、出入口这 5 类。
- 楼层列表是否固定为 `3F / 2F / 1F / B1`，或需要从 SDK/后台动态读取。