UX 审查 P2 修复:X轴标签密度、极端温度视觉强化
- AiCityTemperatureChart:X轴标签从每4个→每3个显示,maxTicksLimit 6→8 - globals.css:新增 temp-extreme-hot(≥40°C)和 temp-extreme-cold(≤-5°C)样式 - PanelSections:Hero 温度值自动应用极端温度 CSS 类(橙色辉光/蓝色辉光) - 华氏度自动适配:≥104°F 为极热,≤23°F 为极冷 Tested: npx tsc --noEmit
This commit is contained in:
@@ -305,6 +305,17 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Extreme temperature emphasis ── */
|
||||
.temp-extreme-hot {
|
||||
color: #f97316;
|
||||
text-shadow: 0 0 12px rgba(249, 115, 22, 0.35);
|
||||
}
|
||||
|
||||
.temp-extreme-cold {
|
||||
color: #38bdf8;
|
||||
text-shadow: 0 0 12px rgba(56, 189, 248, 0.35);
|
||||
}
|
||||
|
||||
/* ══════════════════════════════════════════════════════════════
|
||||
Map Marker Components (nearby stations, city bubbles)
|
||||
══════════════════════════════════════════════════════════════ */
|
||||
|
||||
Reference in New Issue
Block a user