37 lines
1.7 KiB
Markdown
37 lines
1.7 KiB
Markdown
|
## Why
|
|||
|
|
|
|||
|
|
统计 V2 页面和日历 V2 页面当前使用不同的配色方案，导致用户在页面切换时视觉体验不一致。统计 V2 使用灰底白卡片（亮色）/灰底黑卡片（暗色），而日历 V2 使用白底灰卡片（亮色）/黑底灰卡片（暗色）。统一配色方案可提升应用整体视觉一致性和用户体验。
|
|||
|
|
|
|||
|
|
## What Changes
|
|||
|
|
|
|||
|
|
- 将日历 V2 页面的背景色从 `var(--bg-primary)` 改为 `var(--bg-secondary)`（灰底）
|
|||
|
|
- 将日历 V2 页面中的统计卡片背景色从 `var(--bg-secondary)` 改为 `var(--bg-primary)`（白卡片/黑卡片）
|
|||
|
|
- 确保日历 V2 的所有子模块（Calendar、Stats、TransactionList）遵循统一的配色方案
|
|||
|
|
- 保持统计 V2 页面现有配色方案不变（作为标准参考）
|
|||
|
|
|
|||
|
|
## Capabilities
|
|||
|
|
|
|||
|
|
### New Capabilities
|
|||
|
|
- `consistent-color-scheme`: 日历页面和统计页面使用统一的配色方案（灰底 + 白卡片/黑卡片）
|
|||
|
|
|
|||
|
|
### Modified Capabilities
|
|||
|
|
<!-- 无现有能力需要修改 -->
|
|||
|
|
|
|||
|
|
## Impact
|
|||
|
|
|
|||
|
|
**受影响的文件：**
|
|||
|
|
- `Web/src/views/calendarV2/Index.vue` - 主容器背景色
|
|||
|
|
- `Web/src/views/calendarV2/modules/Stats.vue` - 统计卡片背景色
|
|||
|
|
- `Web/src/views/calendarV2/modules/Calendar.vue` - 日历组件背景（如果有独立卡片）
|
|||
|
|
- `Web/src/views/calendarV2/modules/TransactionList.vue` - 交易列表卡片背景（如果有）
|
|||
|
|
|
|||
|
|
**用户体验影响：**
|
|||
|
|
- ✅ 提升页面切换时的视觉连贯性
|
|||
|
|
- ✅ 增强暗色模式下的视觉对比度（黑卡片在灰底上更清晰）
|
|||
|
|
- ✅ 与统计 V2 页面保持一致的设计语言
|
|||
|
|
|
|||
|
|
**技术影响：**
|
|||
|
|
- 低风险：仅涉及 CSS 变量替换，无逻辑变更
|
|||
|
|
- 无 API 或后端依赖
|
|||
|
|
- 无 breaking changes
|