2cf19a45e5
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 23s
Docker Build & Deploy / Deploy to Production (push) Successful in 6s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
1.5 KiB
1.5 KiB
ADDED 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)值