天气仪表盘

原始 Prompt

Build a polished weather dashboard.

After implementing it:
1. Run the application.
2. Open it in the browser.
3. Inspect the rendered result yourself.
4. Fix any visual or functional issues you notice.
5. Repeat until you are satisfied.

中文译文

构建一个精致的天气仪表盘。实现后：1）运行应用；2）在浏览器中打开；3）自行检查渲染结果；4）修复发现的视觉或功能问题；5）重复上述过程，直到满意为止。

理论成果

应交付一个在浏览器中实际运行并经过多轮视觉与功能自检的天气仪表盘。页面应清晰呈现地点、当前天气、温度、体感、关键气象指标以及逐小时或多日预报，并对加载、失败、空数据和刷新状态提供反馈。若使用实时 API，应妥善处理时区、单位、网络超时和缺失字段；若无网络，应提供明确降级状态。所谓“精致”应体现在一致的视觉系统、数据层级、天气状态表达、响应式布局、交互细节、可访问性和无明显渲染缺陷。实现者应亲自在浏览器中反复检查并修复，而非仅完成代码。

后补验收建议

• 在真实浏览器加载成功、加载中、网络失败、无结果和缓存/离线等状态，确认页面始终有清楚且不误导的反馈。
• 用不同时区、跨午夜、摄氏/华氏、不同风速和降水单位的数据，核对当前、逐小时和每日预报的一致性。
• 在手机、平板、桌面、浅色/深色及多种天气状态下截图检查溢出、遮挡、对比度、图标含义和图表尺寸。
• 操作搜索、定位、单位切换、主题、刷新和预报详情；检查键盘访问、焦点、ARIA 状态、减少动态效果和控制台错误。