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

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

web 版是开源的，有需要可以自己部署一套。

https://github.com/icowan/cardbill

小程序

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

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

小程序使用教程

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

首页

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

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

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

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

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

记录页

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

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

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

添加记录

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

个人页

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

我的卡片

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

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

添加卡片

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

卡片详情

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

还款日历

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

视频教程

<video id=”video” controls=”” preload=”none” poster=”http://source.qiniu.cnd.nsini.com/images/2021/04/55/ff/40/20210412-954f0a7b626402254b0bd9f7ff255683.jpg?imageView2/2/w/1280/interlace/0/q/70″> <source id=”mp4″ src=”https://source.qiniu.cnd.nsini.com/video/RPReplay_Final1617877084.MP4″ type=”video/mp4″> </video>

尾巴

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

开源不易，然后大家点个赞再走？

谢谢