初学微信小程序开发，为了锻炼自己的开发能力，一共写了两个小程序，一个是个人相册小程序，一个是这篇文章要介绍的模拟支付宝账单的个人记账小程序。
首先得了解支付宝账单的界面：
登录界面使用weui的From表单输入框，简单写一个页面就好了。
记账界面和登录界面差不多，不过输入框旁边的变成了picker选择框，选择消费类别和支出/收入。
账单界面要做到与支付宝账单界面相同还是用一定难度的，支付宝账单界面顶部的筛选、分类下拉栏要在微信小程序实现的话要写挺多的代码，所以这里我就改为了一个weui的navbar，然后用picker和九宫格嵌入弹出式菜单实现时间选择和类别选择。
账单列表使用wx:for渲染。
统计界面需要用到echarts（在使用echarts时遇到一个坑，使用在echarts官方下载的精简版的插件时，真机调试图表无法显示，需要下载比较全的js包：https://github.com/WsmDyj/echarts-for-taro/tree/master/src/components/ec-canvas）
关于echarts的使用可以看下载的echarts包里的例子。在制作收入/支出日数据折线图时得要动态加载数据，教程可以参考：https://blog.csdn.net/hao_0420/article/details/80931339?utm_source=blogxgwz9，
多个图表的加载参考：https://www.jianshu.com/p/d71d8ea3cb1b
从开始到完成这个小程序共用了近4天，期间遇到各种bug，幸好都一一解决的，其中遇到的最大的问题就是云函数的使用，在测试云函数的时候获取到的都是undefine，怎么调整都搞不定，在快完成这个小程序时，发现应该是异步的问题，下次可以用promise设置返回时间试试。 最后项目地址：https://github.com/ccc-hhh/Wechat-MiniProgram-Personal-Accounting-Program/