💰
个人记账与预算规划H5移动端功能演示
工具办公 · 上传者 驰旭教育 · 更新于 2026-07-17
移动端网页
会员专享 H5移动端记账预算
2浏览
0下载
0点赞
2026-07-17更新
⚠ 版权与免责声明
本资源由社区用户「驰旭教育」上传分享，版权归原作者所有。
· 本站内容仅限个人学习与研究使用，严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁，逾期风险自负。
· 因参考、运行本站代码产生的任何损失，本站不承担赔偿责任。
· 如涉及侵权，请联系我们，核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息，均属于在学习研究时的测试模拟数据，与现实中的同名任何个人、企业、组织无任何关联；若有雷同，纯属巧合。如这些内容无意中侵犯您的合法权益，请联系我们，核实后将及时删除或更改。
功能介绍
- 资产总览：本月收入/支出/结余/净资产 KPI、今日流水、预算进度
- 账单流水：按日分组流水、分类快捷筛选、点击查看明细
- 记一笔：收入/支出切换、金额、分类网格、账户与备注，一键保存
- 账单详情：单笔金额/分类/账户/时间/备注展示，支持编辑与删除
- 预算管理：月度总预算进度条 + 分类额度进度条（超支预警）
- 图表统计：本月支出构成饼图、近 6 月支出趋势柱状图
- 分类管理：支出/收入分类网格，支持新增与删除（含图标）
- 账户管理：银行卡/支付宝/现金/微信 余额列表与资产负债汇总
- 个人中心：预算/分类/账户入口、导出账单、记账提醒与数据声明
- 9 个独立 HTML 文件（总览/流水/记一笔/详情/预算/图表/分类/账户/我的）+ 共享 style.css，底部文字+图标列表式导航
- 截图 9 张，覆盖记账与预算规划全部功能
界面预览
源码结构
index.html
bills.html
add.html
detail.html
budget.html
charts.html
cats.html
accounts.html
mine.html
style.css
详细说明
个人记账与预算规划 H5，每个功能独立 HTML 文件，含资产总览、账单流水、记一笔、账单详情、预算管理、图表统计、分类管理、账户管理、个人中心，全部中文，金额与商户均为测试模拟数据，仅用于功能演示。
下载压缩包后解压，按源码内 README 配置 AppID / 接口地址 / 云环境，使用对应开发者工具导入即可预览。如遇问题可在评论区留言，由上传者与其他社区成员交流答疑。
用户评论 （0）
还没有评论，来抢沙发～