- card: 创建一个类名为“card”的 div 元素,用于包含整个天气信息卡片。
- info-section: 包含当前天气信息的 section。
- background-design: 用于创建背景装饰的 div。
- 多个 circle 元素,用于创建背景中的圆形装饰。
- left-side: 包含天气信息的左侧部分。
- weather: 显示天气状况(如“晴”)和天气图标。
- temperature: 显示当前温度。
- range: 显示温度范围。
- right-side: 包含时间和地点的右侧部分。
- hour: 显示当前小时。
- date: 显示当前日期。
- city: 显示城市和区域。
- days-section: 包含未来几天天气预报的 section。
- 多个 button 元素,每个按钮包含一天的天气预报。
- day: 显示星期几。
- icon-weather-day: 显示天气图标。