fix
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 4m27s
Docker Build & Deploy / Deploy to Production (push) Successful in 7s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 4m27s
Docker Build & Deploy / Deploy to Production (push) Successful in 7s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
## 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
|
||||
Reference in New Issue
Block a user