chore: 移除未使用的前端组件
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 16s
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 16s
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
- 删除 SmartClassifyButton.vue (无引用) - 删除 BudgetSummary.vue (无引用) - 归档变更记录
This commit is contained in:
@@ -11,6 +11,54 @@
|
||||
- **WHEN** CalendarV2 需要展示交易列表
|
||||
- **THEN** 使用 `BillListComponent.vue` 或保留其特有实现(如有特殊需求)
|
||||
|
||||
### Requirement: CategoryBillPopup 统一样式
|
||||
统计页面分类账单弹窗必须使用 BillListComponent,样式与 Balance 页面一致。
|
||||
|
||||
#### Scenario: 使用 BillListComponent
|
||||
- **WHEN** 用户在统计页面点击分类卡片
|
||||
- **THEN** 弹窗使用 `BillListComponent` 展示账单列表,配置为 `dataSource="api"` 模式
|
||||
|
||||
#### Scenario: 列表项样式对齐
|
||||
- **WHEN** 账单列表渲染
|
||||
- **THEN** 使用与 `TransactionsRecord.vue` 相同的卡片样式(图标、金额、标签布局)
|
||||
|
||||
#### Scenario: 左滑删除
|
||||
- **WHEN** 用户在账单项上左滑
|
||||
- **THEN** 显示红色删除按钮,点击后确认删除
|
||||
|
||||
#### Scenario: 点击查看详情
|
||||
- **WHEN** 用户点击账单项
|
||||
- **THEN** 打开 `TransactionDetailSheet` 查看详情
|
||||
|
||||
### Requirement: CalendarV2 TransactionList 对齐
|
||||
日历页面的交易列表样式必须与 Balance 页面一致。
|
||||
|
||||
#### Scenario: 紧凑布局
|
||||
- **WHEN** 日历页面展示当天账单列表
|
||||
- **THEN** 使用 `compact={true}` 紧凑布局
|
||||
|
||||
#### Scenario: 删除交互
|
||||
- **WHEN** 用户左滑删除账单
|
||||
- **THEN** 与 Balance 页面删除交互一致
|
||||
|
||||
### Requirement: BudgetCard 关联账单对齐
|
||||
预算页面的关联账单弹窗样式必须与 Balance 页面一致。
|
||||
|
||||
#### Scenario: 统一卡片样式
|
||||
- **WHEN** 预算卡片展示关联账单
|
||||
- **THEN** 账单项样式与 Balance 页面一致
|
||||
|
||||
### Requirement: EmailRecord 关联账单对齐
|
||||
邮件记录页面的关联账单弹窗样式必须与 Balance 页面一致。
|
||||
|
||||
#### Scenario: 统一卡片样式
|
||||
- **WHEN** 邮件记录展示关联账单
|
||||
- **THEN** 账单项样式与 Balance 页面一致
|
||||
|
||||
#### Scenario: 删除功能
|
||||
- **WHEN** 用户删除账单
|
||||
- **THEN** 删除交互与 Balance 页面一致
|
||||
|
||||
### Requirement: 功能对等性
|
||||
新组件必须保持旧版所有功能,确保迁移不丢失特性。
|
||||
|
||||
@@ -26,12 +74,16 @@
|
||||
- **WHEN** 页面需要展示离线或缓存数据
|
||||
- **THEN** 新组件通过 `dataSource="custom"` 和 `transactions` prop 支持自定义数据
|
||||
|
||||
#### Scenario: 弹窗场景数据源
|
||||
- **WHEN** 弹窗组件(CategoryBillPopup、BudgetCard、EmailRecord)展示账单
|
||||
- **THEN** 使用 `dataSource="api"` 或 `dataSource="custom"`,并配置 `enableFilter={false}` 禁用筛选
|
||||
|
||||
### Requirement: 视觉升级
|
||||
新组件必须基于 v2 的现代化设计,提供更好的视觉体验。
|
||||
|
||||
#### Scenario: 卡片样式
|
||||
- **WHEN** 展示账单列表
|
||||
- **THEN** 使用 v2 的卡片样式(圆角、阴影、图标),但调整为紧凑间距
|
||||
- **THEN** 使用 v2 的卡片样式(圆角、阴影、图标),调整为紧凑间距
|
||||
|
||||
#### Scenario: 图标展示
|
||||
- **WHEN** 账单有分类信息
|
||||
@@ -41,6 +93,10 @@
|
||||
- **WHEN** 显示账单类型
|
||||
- **THEN** 使用彩色标签(支出红色、收入绿色),位于卡片右上角
|
||||
|
||||
#### Scenario: 空状态展示
|
||||
- **WHEN** 账单列表为空
|
||||
- **THEN** 显示统一的空状态图标和提示文案
|
||||
|
||||
### Requirement: 迁移计划
|
||||
系统必须按阶段迁移,确保平滑过渡。
|
||||
|
||||
|
||||
Reference in New Issue
Block a user