27 lines
1.4 KiB
Markdown
27 lines
1.4 KiB
Markdown
|
## 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` 或主题配置文件)
|
||
|
|
- **布局文件**: 涉及底部导航栏的页面布局样式
|
||
|
|
- **测试**: 需要在亮色和暗色两种模式下进行视觉回归测试
|