界面设计规范
主应用采用深色「黎明观测」主题;文档页采用浅色主题,便于长时间阅读。
主应用色板
背景 #0B1220
云海 #38BDF8
日出 #FB923C
极佳 #34D399
布局
三栏:左栏搜索与 POI · 中央天地图 · 右栏预测面板;底部 5 天逐小时时间轴。顶栏含云层蒙版、使用指南、加载状态。
右栏预测面板
- 双概率环:云海(蓝)与日出(橙);下方为综合场景标签与叙述。
- Meteogram:可展开温度、湿度/降水、分层云量、风速/阵风/风向四行详图。
- 场景因子 Tab:ECharts 雷达图,展示规则加权维度。
- 云海 / 日出 Tab:完整因子列表,含 ML 融合、规则参考与底层观测。
- 分享:生成链接;OG 横版预览 + 竖版长图(含 Meteogram 与日出窗口表)。
- AI 出行解读(可选):基于当前逐小时 JSON 的 LLM 摘要,需服务端配置。
标注页 label.html
独立浅色页:社区点位管理、日历标注(1/2/3 云海 + 日出质量)、Admin 审核与回测入口。