This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
---
|
||||
name: shenzhen-natural-museum-dev
|
||||
description: Shenzhen Natural Museum mobile H5 spatial content guide architecture standards. Use when working in this frontend-miniapp project on guide and explain businesses, indoor 3D/Three.js/GLB, SGS Map SDK H5 integration, iframe/postMessage SDK rendering, API/static data-source switching, POI/location preview, exhibit/hall/facility content, audio explanation, transcript/media data, Tencent Map/outdoor reference logic, static nav assets, Museum Content/Guide/Explain Data Access Layers, provider/adapter/repository architecture, route_graph/nav_data readiness, browser-simulated H5 user-flow audits, business-logic audits, engineering architecture reviews, legacy demo data cleanup, mobile overlay/canvas compatibility, and quality gates. Treat mini-program/mp-weixin as out of scope unless the user explicitly asks for it.
|
||||
description: Shenzhen Natural Museum mobile H5 spatial content guide architecture and client visual specification standards. Use when working in this frontend-miniapp project on guide and explain businesses, visual styling, typography, hall icons, homepage tab labels, indoor 3D/Three.js/GLB, SGS Map SDK H5 integration, iframe/postMessage SDK rendering, API/static data-source switching, POI/location preview, exhibit/hall/facility content, audio explanation, transcript/media data, Tencent Map/outdoor reference logic, static nav assets, Museum Content/Guide/Explain Data Access Layers, provider/adapter/repository architecture, route_graph/nav_data readiness, browser-simulated H5 user-flow audits, business-logic audits, engineering architecture reviews, legacy demo data cleanup, mobile overlay/canvas compatibility, and quality gates. Treat mini-program/mp-weixin as out of scope unless the user explicitly asks for it.
|
||||
---
|
||||
|
||||
# Shenzhen Natural Museum Dev
|
||||
@@ -23,6 +23,33 @@ The product has two first-class H5 businesses:
|
||||
- Current guide capability is indoor 3D display plus POI/location preview. Do not present it as certified real indoor navigation until `route_graph` and `nav_data` are available and verified.
|
||||
- Current explain capability must be described as content/audio explanation only when real media data is available. Do not invent working audio, transcript, or exhibit data from placeholders.
|
||||
|
||||
## Client Visual Design Standards
|
||||
|
||||
Use `E:\MyWork\深圳国际艺术馆\museum-guide\docs\深圳自然博物馆0504-设计` as the primary client visual source when styling the Shenzhen Natural Museum H5 experience.
|
||||
|
||||
- Brand theme: follow "探索万物生息" and the creative idea "生物轨迹就是自然的地图".
|
||||
- Visual language: prefer organic natural-history forms, biological traces, leaves, fossils, earth layers, micro-symbols, and clear educational structure over generic decorative gradients or unrelated illustration styles.
|
||||
- Typography: use `鸿蒙黑体` first. Recommended CSS stack: `'鸿蒙黑体', 'HarmonyOS Sans SC', 'HarmonyOS Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif`.
|
||||
- Color and surfaces: keep the existing light neutral system (`#FFFFFF`, `#F3F3F3`, `#F5F5ED`), near-black primary text (`#262421`), charcoal secondary text (`#424754`), and museum yellow-green accent `#E0E100` for selected/active states.
|
||||
- Homepage top tabs: use `馆内` for the indoor guide field and `讲解` for the explain field.
|
||||
- Hall identity: use the eight client-provided hall icons from `docs/深圳自然博物馆0504-设计/full.md`, stored in the H5 project under `static/icons/halls/`.
|
||||
|
||||
Hall icon mapping:
|
||||
|
||||
| Hall | H5 asset |
|
||||
| --- | --- |
|
||||
| 宇宙厅 | `/static/icons/halls/universe.jpg` |
|
||||
| 地球厅 | `/static/icons/halls/earth.jpg` |
|
||||
| 演化厅 | `/static/icons/halls/evolution.jpg` |
|
||||
| 恐龙厅 | `/static/icons/halls/dinosaur.jpg` |
|
||||
| 人类厅 | `/static/icons/halls/human.jpg` |
|
||||
| 动物厅 | `/static/icons/halls/animal.jpg` |
|
||||
| 生物厅 | `/static/icons/halls/biology.jpg` |
|
||||
| 生态厅 | `/static/icons/halls/ecology.jpg` |
|
||||
| 家园厅 | `/static/icons/halls/homeland.jpg` |
|
||||
|
||||
Use `生物厅` as the live-data alias for the sixth source-document hall (`动物厅`) until content taxonomy is reconciled. Render hall icons with `image` `mode="aspectFit"` so the client-provided art is not cropped, and fall back to a neutral placeholder only when no mapped asset exists.
|
||||
|
||||
## Non-Negotiable Architecture Rules
|
||||
|
||||
- Keep data and presentation decoupled. Pages and visual components must consume domain models or view models, not raw static package JSON, backend fields, GLB manifest details, or ad hoc demo arrays.
|
||||
|
||||
Reference in New Issue
Block a user