diff --git a/README.md b/README.md index 281b36c..67b83e0 100644 --- a/README.md +++ b/README.md @@ -45,6 +45,38 @@ --- +## 页面预览 + +### 仪表盘 + +![仪表盘](docs/images/dashboard.png) + +> 显示余额总览、本月收入/支出/结余、预算进度条、预警提示、最近记录 + +### 记账 + +![记账页](docs/images/record.png) + +> 账单列表展示、按类型筛选(全部/支出/收入)、悬浮按钮新增记录 + +![记账表单](docs/images/record-form.png) + +> 新增记录弹窗:支持收入/支出切换、分类选择、金额输入、日期选择、账户关联 + +### 预算管理 + +![预算管理](docs/images/budget.png) + +> 预算列表、进度条展示使用率、超预算预警提示、未设置预算提醒 + +### 统计报表 + +![统计报表](docs/images/statistics.png) + +> 图表类型切换(折线图/柱状图/饼图)、月度分类占比、日级趋势、本月 vs 上月对比 + +--- + ## 技术架构 ### 前端