📊
个人记账与预算规划H5移动端功能演示
工具办公 · 上传者 驰旭教育 · 更新于 2026-07-17
移动端网页
会员专享 H5移动端记账预算
1浏览
0下载
0点赞
2026-07-17更新
⚠ 版权与免责声明
本资源由社区用户「驰旭教育」上传分享，版权归原作者所有。
· 本站内容仅限个人学习与研究使用，严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁，逾期风险自负。
· 因参考、运行本站代码产生的任何损失，本站不承担赔偿责任。
· 如涉及侵权，请联系我们，核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息，均属于在学习研究时的测试模拟数据，与现实中的同名任何个人、企业、组织无任何关联；若有雷同，纯属巧合。如这些内容无意中侵犯您的合法权益，请联系我们，核实后将及时删除或更改。
功能介绍
- 资产总览：本月收入/支出/结余、净资产与储蓄率卡片
- 账单流水：按日分组流水、分类筛选与搜索入口
- 记一笔：收支切换、数字键盘、分类磁贴、账户与备注
- 账单详情：单笔明细查看与编辑/删除
- 预算管理：月度总预算进度与各分类额度进度条
- 图表统计：支出结构饼图（CSS 圆锥渐变）与近 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）
还没有评论，来抢沙发～