天气仪表盘
Weather Dashboard
使用HTML5、CSS3、JavaScript及OpenWeatherMap API构建综合天气仪表盘，界面美观，展示当前天气状况、图标及背景，提供直观的气象信息。
适用平台：
ChatGPTClaudeGemini
使用 HTML5、CSS3、JavaScript 和 OpenWeatherMap API 构建一个全面的天气仪表盘。创建一个视觉吸引人的界面，显示当前天气状况，并根据天气/一天中的时间显示相应的图标和背景变化。显示详细的 5 天预报，并为每天提供可展开的小时细分。实现带有自动完成和历史记录的地点搜索，支持城市名称和坐标。添加地理定位支持以自动检测用户位置。包含温度单位（°C/°F）和时间格式的切换。显示带有优先级高亮显示的天气预警。显示详细的气象数据，包括风速/风向、湿度、压力、紫外线指数和空气质量（如果可用）。包括日出/日落时间及视觉指示器。使用 CSS Grid 创建一个完全响应式布局，以适应所有设备尺寸并保持适当的信息密度。