Files
frontend-miniapp/docs/Benchmark/generated-guide-designs-h5-home-simple/README.md
lyf 8fed715235
Some checks failed
CI / verify (push) Has been cancelled
chore: sync latest project updates
2026-07-03 14:42:38 +08:00

31 lines
1.8 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# H5 精简版导览首页设计稿
本目录为新版导览 H5 首页的单页设计稿,仅表达功能逻辑和页面结构,不是最终视觉规范,也不是小程序版界面。
## 文件
- `01-h5-guide-home-simple.png`H5 导览首页精简版
- `01-h5-guide-home-simple.svg`:可复查的矢量源稿
## 设计逻辑
- 平台形态:纯 H5 移动端页面,不包含手机状态栏、微信胶囊、小程序标题栏或浏览器外壳。
- 首页重点:三维地图作为首屏核心,占据页面最大面积。
- 搜索入口:保留一个顶部轻量搜索框,支持查找展厅、设施、出入口。
- 功能缩放:设施、图例、楼层、定位、路线等操作以小型悬浮控件呈现,避免挤占地图。
- 主任务闭环:用户进入导览首页后,可搜索地点、切换楼层、查看地图点位,并通过底部主按钮进入“开始导览”。
- 精简范围:不包含收藏、推荐、我的、讲解推荐等扩展功能。
## 依据
- 用户提供的参考图用于信息架构参考:导览标题、来馆入口、搜索、设施入口、三维地图、楼层切换、底部开始导览。
- 设计方向按用户要求调整为“终点突出三维地图,其他组件尽量使用缩放形式”。
- 视觉仍参考项目 0519 规范的基础色彩关系:白/浅灰背景、黑色主按钮、荧黄选中/按钮文字、绿色辅助状态。
## 待确认
- “开始导览”是否直接进入导航中,还是先进入起终点/路线规划面板。
- H5 首页是否需要保留“地图/列表”切换,当前精简稿已去掉切换以突出 3D 地图。
- 设施快捷入口是否默认展开,还是点击“设施”后再展示分类。
- 楼层是否固定在地图右侧,或在小屏下收进底部工具条。