Home / PostsPost

信用卡管理系统-小程序版

嘟噜聪2021/04/12 14:09:00 [小程序] [微信] [uniapp] 631人已阅

简介 近期经常在外面,为了更加方便的管理自己信用卡使用信息,我写了一个小程序版的CardBill,在原来Web版的CardBill基础之上增加了一个小程序专用的模块,并提供API服务,小程序后端都对接C

近期经常在外面,为了更加方便的管理自己信用卡使用信息,我写了一个小程序版的CardBill,在原来Web版的CardBill基础之上增加了一个小程序专用的模块,并提供API服务,小程序后端都对接CardBill-Web,后续我将分享Web版如何使用,本期只分享小程序版如何使用。

后续我将逐步支持更多的银行及卡类型。

小程序

您可以在微信搜索 “薛定谔的小店”小程序打开小程序

也可以可以扫下面小程序二维码打开小程序进行体验

小程序使用教程

小程序主要介绍如何使用,小程序暂时没法开源,因为涉及到一些协议。但API是开源的,可以在 https://github.com/icowan/cardbill/tree/master/src/pkg/mp 上查看。

首页

首页主要展示您个人卡片的及账单、额度、利息等汇总信息。

除此之外还会显示最近10天未还的信用卡账单。

点进账单可以查看当张卡片当前账单详情,及该账单的消费记录。

如果当前账单未还款,会展示“还款”按钮,点击“还款”按钮,在弹出的对话框确认金额提交就会当前账单置为已还清。

下面有该期账单的消费记录,点进去可以查看详情。

记录页

记录页显示最近消费详情,上拉刷新,下拉显示之前的记录。

同样的,点进去可以看到该消费详情。

右下角有一个 “+” 号的按钮,点进去可以添加消费记录。

添加记录

使用也非常简单,商户及时间可以不填。

个人页

个人页主要展示一些基本信息,如首页的卡片内容,及账单、我的卡片、还款日历等。使用也非常简单,以正常人的智商,我相信很快上手。

我的卡片

展示您个人所有的卡片,下面有添加按钮,点击可进入添加卡片页面。

点击任意卡片图片或标题可以进入卡息详情。

添加卡片

选择相应的银行及卡片会展示该卡息的图片例。

卡片详情

详情展示卡片的基本信息及近一年账单。

还款日历

日历显示近10天未还的账单,点击某天会显示该天所需要还的账单及卡片。

视频教程

尾巴

希望本小程序对大家有用!

开源不易,然后大家点个赞再走?

谢谢

很赞哦! (4)

文章评论

站点信息

  • 微信公众号