微信小程序模拟支付宝的个人计费小程序

微信小程序模拟支付宝的个人计费小程序

对于开发微信小程序的初学者来说，为了锻炼我的开发能力，我总共写了两个小程序微信支付宝开发小程序，一个是个人相册小程序，另一个是模拟记账本中引入的支付宝账单的个人会计小程序。这篇文章。

一、准备阶段

首先，您必须了解支付宝账单的界面：

计费界面是用于过滤分类和消费记录的按钮列表。统计界面具有每日消费和支出折线图，一个月的消费和收入圆图以及消费和支出列表。

所以用一个小程序模拟这个账单并不困难，我们大约需要使用weui，选择器，图标，wx：用于渲染和绘图插件或wx-，我在这里选择。

第二个是图标的选择。 weui中的图标无法满足消费者类别图标的需求。您可以使用Ali矢量图标库搜索正式的图标。

二、写代码1、登录界面

登录界面使用weui的“从表单”输入框，只需编写一个页面。

这里没有注册界面。只需直接登录即可。如果识别出不在云数据库中的用户名，则该用户名将直接计为注册。

2、会计界面

记帐界面类似于登录界面，但是它旁边的输入框成为用于选择消费类别和支出/收入的选择框。

3、结算界面

要使计费界面与支付宝计费界面相同仍然很困难。支付宝账单界面顶部的过滤和分类下拉列表需要写在微信小程序中，因此我在这里将其更改为一个。 Weui，然后使用合九宫格嵌入弹出菜单，以实现时间选择和类别选择。