使用uni-app+uniCloud+vue3+vite+pinia上线一个记账小程序

686 阅读1分钟

初学Vue3,决定徒手撸一个记账小程序,但又不想搞服务器写接口,决定采用uni-app+uniCloud的方式进行快速开发,项目中还使用到了pinia做状态管理。

记账小程序功能点:

  1. 记账:可以快速记录一笔支出/收入,选择标签,选择记录日期,输入记录金额,以及能够写入备注
  2. 查看账单:按照最小范围天来逐条展示当天所有账单,可以按照月份、年份、标签来筛选统计范围。能够编辑或者删除账单。
  3. 账单统计:展示支出/收入的环形图构成,展示每天/每月的柱状图对比,展示账单支出/收入排行

链接:

Github源代码

线上地址:

gh_5df93bafa173_258.jpg

预览图:

QQ20230510-111357@2x.png QQ20230510-111425@2x.png QQ20230510-111447@2x.png QQ20230510-111410@2x.png QQ20230510-111402@2x.png QQ20230510-111418@2x.png