0d649b76a2
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 23s
Docker Build & Deploy / Deploy to Production (push) Successful in 8s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
1.4 KiB
1.4 KiB
Why
根据用户提供的实机截图，发现 EmailBill 应用在两种主题色（亮色/暗色）下存在明显的色差问题：导航栏、卡片背景等组件颜色与页面背景色不一致，造成视觉割裂感。同时，底部导航栏距离屏幕底部过远，留下大量空白区域，影响移动端使用体验。这些问题需要统一修复以提升应用的整体视觉一致性和用户体验。
What Changes
- 统一主题色彩系统: 修复亮色和暗色模式下导航栏、卡片、按钮等组件的颜色变量，确保同一主题内颜色一致性
- 优化底部导航栏布局: 调整底部导航栏的间距，减少不必要的空白区域，使其更贴近屏幕底部
- 更新 CSS 样式文件: 修改
Web/src/styles/下的主题变量定义 - 调整组件样式: 更新 Vant UI 组件的主题定制配置
Capabilities
New Capabilities
Modified Capabilities
theme-system: 统一亮色/暗色主题的色彩变量，消除色差问题navbar-layout: 优化底部导航栏的间距和定位
Impact
- 前端代码:
Web/src/styles/目录下的主题配置文件 - 组件库: Vant UI 的主题定制配置 (
Web/src/main.ts或主题配置文件) - 布局文件: 涉及底部导航栏的页面布局样式
- 测试: 需要在亮色和暗色两种模式下进行视觉回归测试