react/clock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
18 Commits 1 Branch 0 Tags 194 KiB
main
Commit Graph

18 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
ysm
4123846056 2026年 03月 27日 星期五 18:13:55 CST 2026-03-27 18:13:55 +08:00
ysm
624621d60e 2026年 03月 27日 星期五 18:11:26 CST 2026-03-27 18:11:26 +08:00
ysm
5f6c7531e3 添加静音按钮，默认静音，设置保存到本地存储，图标灰度显示 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-27 18:11:02 +08:00
ysm
3be055608e 设置页面添加12/24小时制开关，与时钟联动并保存到本地存储 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-27 17:41:46 +08:00
ysm
651a2d8dc2 添加时区信息显示到三种时钟样式 
- 在数字右下角下方显示当前时区信息（如 Asia/Shanghai GMT+8）
- 时区字体大小为数字字体的20%
- 修复滚动时钟时区显示位置问题
- 统一三种时钟（数码管、翻页、滚动）的时区显示样式

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-27 15:54:50 +08:00
ysm
9dae4a363e 滚动方向配置保存到本地存储 
- 将滚动方向状态从RollClock提升到App组件统一管理
- 使用localStorage保存用户选择的滚动方向，键名为'clock-rollDirection'
- 默认值为向下滚动('down')
- 切换方向时自动保存到localStorage

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-27 14:45:21 +08:00
ysm
a4979186a5 统一三种时钟的12/24小时制配置并使用本地存储 
- 将12/24小时制配置统一到App组件管理
- 使用localStorage保存用户选择，键名为'clock-is24Hour'
- 默认值为24小时制(true)
- 三种时钟样式共用同一配置，切换时保持一致
- FlipClock和RollClock接收统一props而非各自管理状态

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-27 14:13:59 +08:00
ysm
9726cff90c 2026年 03月 27日 星期五 13:27:27 CST 2026-03-27 13:27:27 +08:00
ysm
2a40d05cac 2026年 03月 27日 星期五 13:26:11 CST 2026-03-27 13:26:11 +08:00
ysm
9cbae137a8 修复翻页时钟偏移并优化时间显示布局 
- 修复翻页时钟动画开始时的位置偏移问题
- 将AM/PM显示移至时间数字左上角
- 添加日期（年月日星期）显示在时间数字右上角
- 统一数码管、翻页、滚动三种时钟的显示样式
- 调整AM/PM和日期字体为数字大小的20%
- 修复翻页和滚动时钟AM/PM显示错误（上午下午颠倒）

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-27 13:24:27 +08:00
ysm
d2a9a94d3b 为翻页和滚动时钟独立添加12/24小时制切换 
- FlipClock组件独立实现12/24H切换功能
- RollClock组件独立实现12/24H切换功能
- 分别使用独立的CSS样式（flip-format-toggle/roll-format-toggle）
- 各组件状态独立，互不干扰

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-24 00:17:32 +08:00
ysm
0f0809b1c0 添加12/24小时制切换功能 
- 在数码管样式左侧添加 AM/PM 显示（12小时制）
- 添加12H/24H切换按钮，紧贴数字左侧显示
- 修复CSS无效代码

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-24 00:01:50 +08:00
ysm
8b43d2fb35 优化时钟响应式布局，防止小屏幕溢出 
- 为小屏幕添加更保守的尺寸计算
- 调整数码管字体大小与高度匹配
- 添加溢出控制防止超出容器

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-23 22:51:32 +08:00
ysm
a431a5440f 调整时钟显示尺寸和布局 
- 统一三种时钟样式的显示宽度为页面90%
- 增大翻页和滚动时钟的显示比例
- 优化响应式尺寸计算
- 调整页面布局使时钟占满宽度

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-23 22:12:22 +08:00
ysm
ec06bdc29f 优化时钟布局和响应式设计 
- 将样式选择器移到页面顶部
- 添加响应式时钟尺寸，根据浏览器宽度自适应
- 修复样式选择器与时钟数字的重叠问题
- 优化 CSS 布局结构

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-23 21:44:57 +08:00
ysm
a3d4012064 修复翻页时钟动画效果 
- 修正下半翻转片动画方向：从 -90° 向下翻转至 0°
- 移除透明度渐变，依靠 backface-visibility 实现硬切换效果
- 简化 transform 计算，使用 CSS transform-origin 控制旋转轴
- 调整层级确保上半翻转片在下半翻转片之上

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-23 17:08:02 +08:00
ysm
4518e2e57e 2026年 03月 21日 星期六 09:41:46 CST 2026-03-21 09:41:46 +08:00
ysm
aff733d495 first commit 2026-03-21 09:40:52 +08:00