首页/ 资源中心/ 移动端网页/ 小草记账本
📒

小草记账本

工具办公 · 上传者 小草网络 · 更新于 2026-08-11
移动端网页 会员专享 记账记账本收支预算
16浏览
0下载
0点赞
2026-08-11更新

⚠ 版权与免责声明

本资源由社区用户「小草网络」上传分享,版权归原作者所有。
· 本站内容仅限个人学习与研究使用,严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁,逾期风险自负。
· 因参考、运行本站代码产生的任何损失,本站不承担赔偿责任。
· 如涉及侵权,请联系我们,核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息,均属于在学习研究时的测试模拟数据,与现实中的同名任何个人、企业、组织无任何关联;若有雷同,纯属巧合。如这些内容无意中侵犯您的合法权益,请联系我们,核实后将及时删除或更改。

功能介绍

  • 快速记账:支出/收入一键切换、分类选择、数字键盘
  • 收支分类:餐饮/购物/交通/工资/理财等自定义分类
  • 数据统计:周支出趋势图、分类占比、日历热度
  • 预算管理:月度总预算、分类预算、超支预警
  • 多账本:个人/家庭/旅行/生意账本自由切换
  • 账户资产:微信/支付宝/银行卡/信用卡总览

界面预览

界面预览
界面预览
界面预览
界面预览
界面预览
界面预览

源码结构

index.html 首页(收支汇总/最近流水/账户资产)
record.html 记一笔(收支切换/分类/数字键盘)
stats.html 数据统计(趋势图/占比/日历)
budget.html 预算管理(总预算/分类预算/预警)
books.html 多账本(个人/家庭/旅行/生意)
mine.html 个人中心(天数/笔数/设置)
style.css 移动端优先样式(青色记账主题)
app.js 交互逻辑与数据管理
data.js 流水/分类/预算/账本数据

详细说明

纯原生HTML/CSS/JS,无构建、无外部依赖,可直接用浏览器或file://打开。

数据集中在data.js,改分类/流水/文案只需改这一处。

适配移动端(390×844视口),底部TabBar导航。

内置数字键盘模拟真实记账体验。

下载压缩包后解压,按源码内 README 配置 AppID / 接口地址 / 云环境,使用对应开发者工具导入即可预览。如遇问题可在评论区留言,由上传者与其他社区成员交流答疑。

用户评论 (0)

还没有评论,来抢沙发~