伴记 —— 情侣双人共享记账微信小程序产品系统Vibe Coding

我要开发同款
Zhang Chenfei2026年10月10日
8阅读

技术信息

语言技术
Taro、uniapp
系统类型
小程序轻应用
行业分类
生活旅游

作品详情

行业场景

生活服务 / 个人财务管理 —— 面向情侣、夫妻等双人关系的共同消费记账场景双人共享记账工具。一方通过分享卡片/小程序码/邀请码邀请另一半绑定后,两人共同记账。

功能介绍

双人共享记账工具。一方通过分享卡片/小程序码/邀请码邀请另一半绑定后,两人共同记账:首页杂志风数据概览(共同预算、剩余额度、双方支出对比),账单按日分组并支持月份/分类/成员三维筛选(吸顶筛选栏、下拉刷新、上拉加载),消费结构统计(分类环形图 + 近 3 月趋势折线),支持单人/双人模式全站自动切换。

项目实现

采用「单页面 + 组件懒挂载」架构实现胶囊式自定义 tabBar,根治官方方案的真机切换闪烁问题;自研滑动色块选中指示器
全局轻量 store 订阅模式驱动数据流,记账后首页/账本/统计三处联动刷新;绑定状态驱动「双人 ⇄ 单人」全站 UI 自动切换
Canvas 2D 粒子系统实现报头爱心冒泡动画(正弦包络渐显渐隐),纯 CSS 实现收据锯齿边/斜纹进度条等杂志风视觉
包体积治理:将组件库按需抽取,主包从 1.27MB 优化至 0.23MB,通过官方代码质量检测
后端(Node.js + Fastify + SQLite):微信登录 code2session 鉴权、邀请码绑定、账单权限隔离、消费小票 OCR 识别自动回填

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论