39 lines
1.5 KiB
Markdown
39 lines
1.5 KiB
Markdown
|
## MODIFIED Requirements
|
||
|
|
|
||
|
|
### Requirement: 页面头部布局
|
||
|
|
余额页面 SHALL 使用自定义头部布局,包含标题文字和右侧操作按钮区域,替代原有的 `van-nav-bar` 组件。
|
||
|
|
|
||
|
|
#### Scenario: 头部显示
|
||
|
|
- **WHEN** 用户打开余额页面
|
||
|
|
- **THEN** 系统在顶部显示"账单"文字标题(不带返回按钮或边框)
|
||
|
|
|
||
|
|
#### Scenario: 头部样式
|
||
|
|
- **WHEN** 用户查看头部区域
|
||
|
|
- **THEN** 系统使用 `var(--font-2xl)` 字号和 `var(--text-primary)` 颜色显示标题,背景透明
|
||
|
|
|
||
|
|
### Requirement: 右侧操作按钮
|
||
|
|
头部右侧 SHALL 根据当前选中的标签页动态显示不同的操作按钮。
|
||
|
|
|
||
|
|
#### Scenario: 邮件页同步按钮
|
||
|
|
- **WHEN** 用户切换到"邮件"标签
|
||
|
|
- **THEN** 系统在头部右侧显示"立即同步"按钮
|
||
|
|
|
||
|
|
#### Scenario: 消息页标记已读图标
|
||
|
|
- **WHEN** 用户切换到"消息"标签
|
||
|
|
- **THEN** 系统在头部右侧显示"标记全部已读"图标
|
||
|
|
|
||
|
|
#### Scenario: 账单页无操作按钮
|
||
|
|
- **WHEN** 用户切换到"账单"标签
|
||
|
|
- **THEN** 系统不在头部右侧显示任何操作按钮
|
||
|
|
|
||
|
|
### Requirement: 视觉风格一致性
|
||
|
|
头部布局 SHALL 与统计页面的 `DateSelectHeader` 组件保持视觉风格一致。
|
||
|
|
|
||
|
|
#### Scenario: 内边距规范
|
||
|
|
- **WHEN** 用户查看头部区域
|
||
|
|
- **THEN** 系统使用 `padding: 8px 24px` 作为头部内边距
|
||
|
|
|
||
|
|
#### Scenario: 主题适配
|
||
|
|
- **WHEN** 用户切换应用主题(亮色/暗色)
|
||
|
|
- **THEN** 头部文字颜色自动更新为对应主题的 `var(--text-primary)` 值
|