Files
EmailBill/openspec/specs/calendar-holiday-display/spec.md
SunCheng 803f09cc97
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 27s
Docker Build & Deploy / Deploy to Production (push) Successful in 6s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 2s
Docker Build & Deploy / WeChat Notification (push) Successful in 2s
feat(calendar): simplify holiday highlight styles and improve accessibility
- Introduced a new visual style for holiday highlights in the calendar component, replacing complex gradients with solid colors for better clarity.
- Removed the holiday badge to reduce visual noise and enhance user experience.
- Ensured that holiday information remains accessible through long-press interactions.
- Updated specifications to reflect the new design decisions and requirements for both light and dark themes.
- Added tasks for implementation, including style adjustments and accessibility enhancements.
2026-02-12 21:39:27 +08:00

38 lines
1.8 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
## MODIFIED Requirements
### Requirement: 节假日视觉样式
日历日期单元格在显示节假日包括休息日和调休工作日SHALL 使用简洁的视觉样式,避免过度的装饰性元素。视觉呈现 SHALL 保持清晰、统一,且不干扰日期本身的可读性。
#### Scenario: 休息日显示
- **WHEN** 日期为节假日休息日(如春节、国庆)或普通周末
- **THEN** 日期单元格使用浅绿色纯色背景(而非渐变),文字颜色为深绿色,不显示徽章
#### Scenario: 调休工作日显示
- **WHEN** 日期为调休工作日(需要补班)
- **THEN** 日期单元格使用浅橙色纯色背景(而非渐变),文字颜色为深橙色,不显示徽章
#### Scenario: 节假日与选中状态叠加
- **WHEN** 节假日日期被用户选中
- **THEN** 选中状态的高亮样式优先级高于节假日样式,节假日信息通过长按浮层查看
#### Scenario: 节假日与交易数据叠加
- **WHEN** 节假日日期有交易数据记录
- **THEN** 节假日背景样式与交易金额显示不冲突,金额数字保持清晰可读
### Requirement: 节假日信息查看
用户 SHALL 能够通过长按日历日期单元格查看详细的节假日信息。此功能 SHALL 保持与简化前完全一致。
#### Scenario: 长按查看节假日详情
- **WHEN** 用户长按节假日日期超过 500ms
- **THEN** 显示浮层,展示节假日名称和类型(休息日/调休工作日)
#### Scenario: 关闭节假日详情
- **WHEN** 用户点击浮层外部区域或浮层本身
- **THEN** 浮层关闭,返回日历视图
## REMOVED Requirements
### Requirement: 节假日徽章显示
**Reason**: 徽章占用空间且增加视觉噪音,与简洁化目标不符
**Migration**: 节假日信息通过背景颜色和长按浮层传达,无需徽章