一个现代化、沉浸式且美观的桌面仪表盘应用。它将实时天气可视化、全面的日历系统(包含农历)和可定制的时钟完美融合在一个优雅的界面中。
- 动态背景: 实时渲染的动态背景,让您实时感受天气变化。
- 丰富的天气场景: 支持晴天、晴夜、多云、雨、雪、雾、雷暴和大风等多种天气状况。
- 详细预报: 直观展示当前温度、最高/最低温,以及可视化的未来 7 天天气趋势。
- 智能主题: UI 界面会根据当前的天气状况和时间自动适配颜色和渐变效果。
- 农历支持: 内置农历(阴历)支持,在公历日期旁显示传统农历日期。
- 每日宜忌: 包含基于传统黄历的每日“宜”与“忌”推荐。
- 实时时钟: 精确到秒的数字时钟,并带有贴心的时段问候语。
- 毛玻璃设计: 采用现代化的磨砂玻璃质感设计,配合流畅的模糊效果和充满活力的渐变色。
- 深色/浅色模式: 可在这个沉浸式的深色模式和温暖明亮的浅色模式之间无缝切换。
- 响应式布局: 完美适配从移动设备到 4K 桌面显示器的各种屏幕尺寸。
- 全屏体验: 支持一键切换全屏,打造无干扰的类似 Kiosk 的展示体验。
npm install
npm run dev
npm run lint
npm run build本项目采用 MIT 许可证 - 详情请查看 LICENSE 文件。
默认开启「省电模式」,保留秒钟、日历和天气数据,关闭全屏天气动画、天气卡片动画与模糊滤镜。点击页面后打开设置,可以关闭「显示秒数」,让时钟每分钟更新一次;这两项设置会保存在当前浏览器中。
- 每秒更新只发生在时钟组件;日历按本地午夜更新。
- 页面隐藏时停止时钟计时器、卸载天气动效并暂停天气轮询;回到前台立即校时。
- 普通模式仍支持动态天气,但只按需要加载对应渲染器,雨雪雾画布像素比限制为 1,并遵循系统「减少动态效果」。
- 天气保持原有的 4 小时刷新间隔,连续失败后的轮询重试有上限。
展示时请使用 npm run build 生成的 out/ 静态站点,通过静态服务器或现有托管服务访问。此项目配置了 output: 'export',无需在 Surface Go 上长期运行 npm run dev,也不使用 next start。
设备上的对比方法:使用同一浏览器、页面尺寸、屏幕亮度和供电条件,分别运行普通模式与省电模式 15–20 分钟,观察浏览器任务管理器中的 CPU、Windows 中的 GPU 占用及设备温度。再次关闭秒数可比较每分钟更新的效果。本地浏览器验证只能证明刷新与动画工作减少,不能代替 Surface Go 实测的瓦数或温降。



