利用微信完成日常的记账操作
利用微信完成日常的记账操作
作者：天涯衰草
来源：《电脑爱好者》2020年第01期
为了记录和统计日常开销，很多用户都会下载各种专业的记账软件，但手机中安装的应用越多，隐私安全和系统资源（浪费）都会受到挑战。
实际上，在最新版本的微信中就已经提供了专属的记账类功能，无需我们再安装任何第三方APP。
点击微信客户端右上角的放大镜按钮，搜索“微信记账本”这个关键词，找到以后点击这个功能选项。
第一次使用这个功能时会弹出一个自动同步微信支付账单的提示，点击“确认同步”按钮，以后凡是通过微信钱包进行的交易都可以自动添加到记账本功能的列表里面（图1）。
然后再点击“立即使用”按钮，就可以激活微信记账本功能。
如果用户有购物小票的话，可以先将其拍摄为照片。
接着点击“记一笔”右上角的“识图导入”按钮，选择刚刚拍摄的照片进行上传，这样就可以自动将购物小票中的内容进行记账操作。
除了微信钱包以外，我们还可能利用支付宝、银行卡、现金等多种方式进行支付。
遇到这种情况时，就需要手工进行记账操作了。
首先打开微信记账本功能，点击下面的“记账本”按钮，在弹出的界面中点击“记一笔”（图2）。
根据实际情况选择支出或者收入，然后分别输入相关的金额以及对应的內容，最后点击确定按钮完成记账操作（图3）。
通过“数据分析”列表可以详细地查看到每一个月的支出类别详情，从而更加清楚自己到底把钱花在了什么地方。
微信小程序之简单记账本开发记录（七）
微信⼩程序之简单记账本开发记录（七）记账本已经可以实现添加和删除的功能现在只需要将上述步骤重复⼀遍便可将另⼀个界⾯做出来。
⼤体上已制作完成，如果在细节上有变动会在这⼀篇更新总体来说，这个作业让我对微信⼩程序的开发有了更多地认识，⼤致主体程序和页⾯开发的⼀些⼿法也有了⼀个较为详细地了解，对以后的学习也有了很⼤的帮助。
使⽤教程：千锋教育-微信程序开发下⾯是⼩程序的⼤体代码1 const app = getApp()23 Page({4 data: {5 motto: 'Life is fantastic',6 userInfo: {},7 hasUserInfo: false,8 canIUse: wx.canIUse('button.open-type.getUserInfo')9 },10//事件处理函数11 bindViewTap: function () {12 wx.navigateTo({13 url: '../logs/logs'14 })15 },16 onLoad: function () {17if (erInfo) {18this.setData({19 userInfo: erInfo,20 hasUserInfo: true21 })22 } else if (this.data.canIUse) {23// 由于 getUserInfo 是⽹络请求，可能会在 Page.onLoad 之后才返回24// 所以此处加⼊ callback 以防⽌这种情况25 erInfoReadyCallback = res => {26this.setData({27 userInfo: erInfo,28 hasUserInfo: true29 })30 }31 } else {32// 在没有 open-type=getUserInfo 版本的兼容处理33 wx.getUserInfo({34 success: res => {35 erInfo = erInfo36this.setData({37 userInfo: erInfo,38 hasUserInfo: true39 })40 }41 })42 }43 },44 getUserInfo: function (e) {45 console.log(e)46 erInfo = erInfo47this.setData({48 userInfo: erInfo,49 hasUserInfo: true50 })51 },52 onShow() {5354 },55 onShareAppMessage() {56return {57 title: '管家记账本',58 path: '/pages/index/index'59 }60 },61 showTxet(){62this.setData({63 motto:"⽣活充满精彩"64 })65 }6667686970 })index.js1 {2 "navigationBarTitleText": "记账本",34 "usingComponents": {}56 }index.json1 <view class="container" bindtap="showTxet">23 <view class="userinfo">4 <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>5 <block wx:else>6 <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>7 <text class="userinfo-nickname">{{userInfo.nickName}}</text>8 </block>9 </view>10 <view class="usermotto">11 <text class="user-motto">{{motto}}</text>12 </view>13 </view>141516 <view class="btns">17 <view class="btn btn-publish">18 <navigator url="/pages/publish/publish">收⼊</navigator>19 </view>20 <view class="btn">21 <navigator url="/pages/pro/pro">⽀出</navigator>22 </view>2324 </view>index.wxml1/*.map-container {2 position: absolute;3 top: 0;4 right: 0;5 bottom: 40px;6 left: 0;7background: greenyellow;8}9.map{10 width: 100%;11 height: 100%12}*/13 .userinfo {14 display: flex;15 flex-direction: column;16 align-items: center;1819 .userinfo-avatar {20 width: 128rpx;21 height: 128rpx;22 margin: 20rpx;23 border-radius: 50%;24 }2526 .userinfo-nickname {27 color: #aaa;28 }2930 .usermotto {31 margin-top: 100px;32 color: #aaa;33 }3435/*下⽅按钮*/36 .btns {37 position: absolute;38 display: flex;39 left:0;40 right: 0;41 line-height: 40px;42 bottom: 0;43 background: #03bbd5;44 }45 .btn{46 flex: 1;47 text-align: center;48 color: #fff;49 }50 .btn-publish{51 background: #ff970052 }535455 .classname{56 width: 100%;57 height: 100%;58 display: flex;59 justify-content: center;6061 }62 .classname-publish{63 align-items: center;64 }index.wxss1 {2 "pages": [3 "pages/index/index"4 ],5 "window": {6 "backgroundTextStyle": "dark",7 "navigationBarBackgroundColor": "#fff",8 "navigationBarTitleText": "记账",9 "navigationBarTextStyle": "black",10 "backgroundColor": "gray"11 },12 "debug": true13 }pro.json1 <view class="container">23 <form catchsubmit="formSubmit" >4 <view class="account-detail">5 <input placeholder="花销详情（内容加时间）" name="inputdetail" type="text" />6 </view>78 <view class="account-amount">9 <input placeholder="花销⾦额" name="inputamount" type="number" />10 </view>1112 <view class="add-one">13 <button formType="submit" type="primary" loading="{{buttonLoading}}"> ⽀出 </button>14 </view>15 </form>17 <view class="account-list-text">18 <text>条⽬列表</text>19 </view>2021 <view class="account-list-all-amount">22 <text>总⽀出:{{accountTotal}}</text>23 </view>2425 <block wx:for="{{accountDATA}}" >26 <view class="account-list">2728 <view class="account-list-amount">29 {{item.amount}}30 </view>3132 <view class="account-list-detail">33 {{item.detail}}34 </view>35363738 <view class="account-list-del">39 <button size="mini" type="warn" data-index-key="{{index}}" bindtap="deleteRow" >删除</button>40 </view>4142 </view>43 </block>44454647 </view>pro.wxml1 .account-detail{2 height: 100rpx;3 padding: 0 30rpx;4 }56 .account-amount{7 padding: 0 30rpx;8 }910 .add-one{11 margin-top: 20rpx;12 }1314 .account-list-text{15 color:gray;16 margin:30rpx 0 0 30rpx;17 }1819 .account-list-all-amount{20 color:gray;21 align-self: flex-end;22 padding-right: 25rpx;23 }242526 .account-list{27 color:gray;28 margin:30rpx 0 0 30rpx;29 display: flex;30 flex-direction: row;31 background-color:wheat;32 line-height: 80rpx;33 }343536 .account-list-detail{37 flex:1;38 }394041 .account-list-amount{42 width: 500rpx;43 }pro.wxss1 {2 "pages": [3 "pages/index/index"4 ],5 "window": {6 "backgroundTextStyle": "dark",7 "navigationBarBackgroundColor": "#fff",8 "navigationBarTitleText": "记账",9 "navigationBarTextStyle": "black",10 "backgroundColor": "gray"11 },12 "debug": true13 }pro.js另⼀个相似页⾯就不再重复贴了。
最简单的记账方法
最简单的记账方法最简单的记账方法是使用一个记账本或者一个记账软件来记录每一笔收入和支出。
无论是使用纸质记账本还是手机应用，以下是一个简单的步骤来帮助你开始记账：1. 确定你的记账目的：首先，你需要明确你为什么想要记账。
你可能想要了解自己的财务状况，控制支出，或者节省金钱。
这个目的将指导你在记账过程中需要关注的方面。
2. 开始记录：每当你有一笔收入或支出时，将其记录下来。
记住，记录每一笔交易是记账的关键。
写下日期、金额、类别（如食品、交通、娱乐等）和交易详情。
3. 累计每个月的收入和支出：在月末，把每个月的收入和支出总结起来。
这将提供给你每个月的净收入，以及明确你的支出是如何分配的。
4. 分析数据和制定预算：在开始下一个月之前，仔细分析上个月的数据。
看看你的支出是否超过了预期，或者有哪些类别的支出较高。
根据这些数据，制定一个合理的预算以控制支出。
以上是最简单的记账方法，但如果你想更进一步，可以考虑以下方法来记录和分析你的支出和收入：1. 自动记账：许多银行和财务机构提供自动记账服务，这样你就可以轻松追踪你的交易。
只要将你的银行账号与记账软件或手机应用连接起来，即可实现自动记录每一笔交易。
2. 数字化记账：使用记账软件或手机应用可以更方便地记录和分析你的财务状况。
这些应用提供了许多功能，如分类支出、生成图表和报表等。
3. 设置目标：设定自己的财务目标，如储蓄一定金额、还清债务或投资。
这将让你更有动力去跟踪和控制你的支出。
4. 避免现金交易：使用信用卡或借记卡进行交易可以更方便地跟踪和记录你的支出。
因为现金交易往往容易被遗忘或忽略。
5. 定期复审：定期复审你的记账记录，以确保数据的准确性，并及时进行调整。
这有助于及时纠正任何错误，并保持准确的财务状况。
总结起来，记账并不复杂，只需要坚持记录每一笔收入和支出。
通过分析记录的数据，你可以更好地了解你的财务状况，并制定合理的预算和目标。
记账有助于控制支出，储蓄金钱，并提供财务决策的依据。
发朋友圈记账句子
发朋友圈记账句子
1. 今天在朋友圈上晒了一张账单照片，真的是花钱如流水。
2. 发朋友圈记录下每一笔开销，让自己变成一个理财小能手。
3. 终于下定决心要养成发朋友圈记账的好习惯了。
4. 这个月发朋友圈的记账被朋友们称赞为最专业的财务达人。
5. 发朋友圈带上大家一起见证我的理财成长的每一步。
6. 发朋友圈记录下每次购物的金额，为自己的钱包负责。
7. 在朋友圈上晒账单，不仅能自己看到，也可以得到朋友们的理财意见。
8. 今天发朋友圈记账，看到支出多了一些，可能需要调整一下消费习惯了。
9. 发朋友圈记录下每笔开销，发现原来自己每个月的花销那么大！
10. 坚持发朋友圈记录账单，能更清晰地看到自己的消费习惯和花费结构。
11. 发朋友圈记账，我要为以后的旅行存够足够的硬币。
12. 朋友圈成为了我最可靠的记账本，用文字记录下每一次的购物冲动。
13. 发朋友圈记录下每天花的钱，嘴皮子花得比脑袋还快！
14. 在朋友圈上秀一下收入和支出，是理财的第一步。
15. 发朋友圈记账，为了掌握自己的财务状况，不浪费任何一分钱。
16. 发朋友圈记录下每天吃饭的费用，尽量控制自己的外出就餐次数。
17. 在朋友圈上晒账单，向朋友们示范良好的理财习惯。
个人日常生活记帐
个人日常生活记帐个人日常生活记账随着社会的发展，人们的物质生活水平逐渐提高，生活变得越来越丰富多样。
为了更好地管理个人财务，合理规划消费，人们开始重视个人日常生活的记账。
个人日常生活记账不仅可以帮助我们掌握自己的消费情况，还能够提醒我们理性消费，避免财务压力过大。
下面我将介绍一些个人日常生活记账的方法和意义。
一、记录方式个人日常生活记账可以选择不同的方式进行记录，如手工记账、电子记账或者使用记账软件等。
对于习惯使用手机和电脑的人来说，电子记账和记账软件是较为常用的方式。
使用这些记账工具，可以方便快捷地记录每天的消费情况，还可以自动生成消费报表和统计图表，帮助我们更直观地了解自己每月的收支情况。
除了上述方式外，手工记账也是一种简单有效的方法。
只需要准备一个小本子和笔，每天将自己的消费情况一一记录下来。
虽然手工记账相对繁琐一些，但它可以让我们更深入地思考每一笔开销，并关注自己的消费行为。
二、记账内容在进行个人日常生活记账时，需要记录以下几个方面的内容：收入、支出、时间和分类。
1. 收入：记录每天的工资、奖金、投资回报等收入来源。
准确记录每笔收入的时间和金额是非常重要的，这样可以方便我们核算自己的总收入。
2. 支出：记录每天的各类开销，如食物、交通、衣物、住房、娱乐等。
在记录支出时，最好能详细列出每笔开销的具体金额和消费项目，这样有助于我们后期的分析和调整。
3. 时间：将每笔收入和开销都标注上时间，可以帮助我们更准确地掌握自己的消费规律。
比如，我们可以发现每月的固定开销日期，如房租、水电费等，从而合理安排自己的资金流动。
4. 分类：将每笔开销进行分类，可以帮助我们更好地掌握自己的消费结构。
常见的分类包括食品、交通、教育、医疗、娱乐等，可以根据自己的实际情况进行适当调整。
三、记账的意义个人日常生活记账有以下几个重要的意义：1. 管理财务：通过记录收入和支出，我们可以清晰地了解自己的经济状况，合理规划每月的消费和储蓄计划。
记录个人支出账单的小技巧
记录个人支出账单的小技巧随着时代的发展和技术的进步，越来越多的人开始关注个人财务的管理。
而记录个人支出账单是其中必不可少的一项工作。
毕竟，只有了解自己的支出情况，才能更好地掌握自己的财务状况并做出正确的财务决策。
因此，本文将介绍一些记录个人支出账单的小技巧，希望能够帮助读者更加科学地管理自己的财务。
一、使用电子账单记录工具现代人的生活离不开电子设备，这就给我们记录支出账单带来了更多的便利。
可以使用电子账单记录工具来完成。
这些工具多种多样，有免费的，也有需要付费的。
不过，无论什么形式，都需要我们主动去使用。
可以选择一款多功能的财务软件，例如支付宝、微信等地方均有自己的财务管理工具，登录后即可轻松开启账户记录功能。
还可以选择专门的财务软件，例如独角兽记账、轻松记账软件等等。
这些软件具备定制化的功能，可根据个人需求进行设置，例如：添加类别、预算、提醒等等。
二、建立支出分类建立支出分类是一种较为常用的记录方式。
当账单出现交易后，可以根据支出明细进行分类，如餐饮、出行、住房、娱乐等等。
有了分类，可以更直观地了解自己在哪些方面花费较多，哪些方面可以适当节约。
同时，还可以理智地规划开支预算，让你的资金更加得到有效的管理。
三、建立记录习惯如果你只是偶尔记录支出账单，那么很难真正掌握自己的财务状况。
建立记录习惯，定期记录支出账单并进行分类记录是非常重要的。
可以尝试每天晚上记录当天所有的交易情况。
通过记录支出明细，清晰地了解自己的每一笔开支。
如果记录克服困难，可以每周六、周日的空闲时间，用更详细的表格进行汇总记录。
四、时刻最新记录有很多人坚持记录账单的习惯，但却喜欢拖到月末一次性记录。
这种情况下，不但容易出现遗漏，而且难以准确掌握自己的支出情况。
为了避免这种情况，我们应该尽可能地在支付完成后立刻进行记录，以便随时保持账单最新并及时向自己反映出来。
记得随时保持账号的安全，防范信息泄露，以免造成重大损失。
五、积极控制消费除了记录个人支出账单，还需要时刻注意控制消费。
我国目前使用的记账方法
我国目前使用的记账方法随着经济的发展和社会的进步，记账已经成为我们生活中不可或缺的一部分。
记账是指通过记录和整理财务信息，实现对资金流动和财务状况的监控和控制。
在我国，目前广泛使用的记账方法主要包括手工记账和电子记账两种方式。
手工记账是最传统的记账方法，它主要依靠人工操作和纸质文档实现。
这种方式的优点在于简单易懂，无需任何电子设备，适用于个人和小型企业。
手工记账的基本流程包括记录原始凭证、编制账簿和制作财务报表。
记账人员需要将每一笔收入和支出，按照一定的分类标准，如收入、支出、资产、负债等，记录在账簿上。
然后，根据账簿上的记录，编制财务报表，如资产负债表、利润表、现金流量表等，以便于企业管理者和投资者了解企业的财务状况。
手工记账的缺点在于效率较低，容易出错，且需要大量的纸张和存储空间。
随着科技的进步和智能化的发展，电子记账逐渐取代了手工记账成为主流。
电子记账是利用计算机软件或手机应用程序实现的记账方式。
相比于手工记账，电子记账具有许多优势。
首先，电子记账可以提高记账的效率和准确性。
通过电子设备的操作，可以快速记录和计算大量的财务信息，减少人为错误的发生。
其次，电子记账具有更好的可视化和数据分析功能。
记账软件和应用程序可以根据用户的需求，自动生成各种财务报表和图表，帮助用户更好地了解和分析财务状况。
此外，电子记账还可以实现多人协作和远程访问。
多个用户可以同时对同一份账簿进行操作和查看，方便了企业的内部协作和外部审计。
市面上有许多种电子记账软件和应用程序供用户选择。
例如，有针对个人用户的财务管理软件，如支付宝、微信钱包等，用户可以通过这些应用记录个人的收入和支出，并生成个人财务报表。
还有一些针对企业用户的财务管理软件，如用友、金蝶等，这些软件不仅可以实现基本的记账功能，还可以进行更加复杂的财务分析和管理。
此外，还有一些云记账平台，如财务管家、财务猫等，用户可以通过网络访问这些平台，实现远程记账和管理。
记账小程序毕业设计git
记账小程序毕业设计git一、项目背景与目标随着个人财务管理的重要性日益凸显，我们设计了这个记账小程序，旨在方便用户记录、查看和管理自己的财务信息。
本毕业设计注重实用性和易用性，旨在为用户提供一个简单、高效、可靠的记账体验。
二、需求分析在明确项目目标后，我们对用户需求进行了深入分析，主要包括以下几点：1.易于使用：用户应能够轻松上手，无需复杂的培训。
2.全面记录：支持各类支出项目记录，包括但不限于购物、生活费用、投资等。
3.实时更新：财务数据应实时更新，保证信息的准确性。
4.数据分析：提供数据分析功能，帮助用户了解自己的财务状况。
5.安全存储：所有数据应安全存储，防止丢失。
三、设计思路基于上述需求，我们采取了以下设计思路：1.简洁明了的界面设计：采用简洁明了的色彩和布局，提高易用性。
2.多种记录方式：支持手动输入、扫描条码/二维码等方式记录支出项目。
3.云端存储：采用云端存储技术，保证数据安全和实时更新。
4.数据分析图表：采用图表方式呈现数据分析结果，直观易懂。
5.权限管理：为不同用户设置不同权限，保证数据隐私。
四、技术实现记账小程序的技术实现主要包括以下方面：1.数据库设计：采用合适的数据存储技术，建立数据库，存储财务数据。
2.后端框架：使用合适的后端框架，实现数据交互和逻辑处理。
3.前端框架：使用简洁的前端框架，实现页面布局和交互效果。
4.加密技术：对数据进行加密存储和传输，保证数据安全。
5.微信小程序开发：利用微信小程序的开发平台，实现记账小程序的各项功能。
五、功能模块记账小程序主要分为以下几个功能模块：1.登录与注册模块：提供登录和注册功能，保障用户信息安全。
2.记账模块：提供手动输入、扫描条码/二维码等记录支出项目的方式，支持多种类型和金额的录入。
3.数据查看模块：提供已记录数据的查看功能，包括各类支出项目的统计和汇总。
4.数据分析模块：通过图表方式呈现数据分析结果，帮助用户了解自己的财务状况。
微信转账模板
微信转账模板微信转账是一种便捷的支付方式，可以让我们在日常生活中快速、安全地进行资金的转移。
在使用微信转账时，我们可以选择不同的转账模板，以便更方便地填写转账信息。
本文将介绍几种常见的微信转账模板，帮助大家更好地使用微信转账功能。
首先，我们来看一下个人转账模板。
个人转账模板通常用于向朋友、家人或亲戚转账，可以选择“转账”-“个人”-“填写金额”-“填写备注”-“确认转账”这样的步骤进行操作。
在填写金额时，我们可以选择常用金额，也可以手动输入具体的金额数目。
填写备注时，可以简单描述转账的用途，比如“生日礼物”、“餐饮费用”等。
确认转账后，资金将立即到达对方的微信账户。
其次，我们来介绍一下商家转账模板。
商家转账模板通常用于向商家支付货款、服务费等。
在选择商家转账时，我们可以选择“转账”-“商家”-“填写商家名称”-“填写金额”-“填写备注”-“确认转账”这样的步骤进行操作。
填写商家名称时，可以根据实际情况填写商家的微信名称或者商家的注册名称。
填写金额和填写备注的步骤与个人转账相似，都是根据实际情况填写具体的金额数目和备注信息。
确认转账后，资金将立即到达商家的微信账户。
最后，我们来看一下群组转账模板。
群组转账模板通常用于向一个群组内的多个成员进行转账，可以选择“转账”-“群组”-“选择群组”-“填写金额”-“填写备注”-“确认转账”这样的步骤进行操作。
选择群组时，我们可以在联系人列表中选择需要转账的群组，也可以通过搜索来找到目标群组。
填写金额和填写备注的步骤与个人转账相似，都是根据实际情况填写具体的金额数目和备注信息。
确认转账后，资金将立即到达群组内的各个成员的微信账户。
通过以上介绍，我们可以更好地了解微信转账的几种常见模板，以便在日常生活中更加便捷地使用微信转账功能。
希望本文对大家有所帮助，谢谢阅读！。
微信支付宝自动记帐攻略
■宋奇以前买东西付款的时候用现金，掏腰包的时候还会看看钱包里有多少银子。
现在使用手机付款，许多网友说付款时就像不用钱似的，也不知道花了多少。
为了解决这个不知道花了多少和钱去哪儿了的问题，我们来看看如何快速的为微信支付和支付宝支付记个账。
手机中有许多好用的记账APP，但是对于每一笔支出和收入都得手动记账，不能直接导入微信支付的账单。
现在，使用微信官方的“微信记账本”，就可直接导入并自动同步微信支付的账单了。
微信搜索小程序“微信记账本”无需安装就可使用，进入后同意一下协议与确认同步微信支付账单，《微信记账本》就会自动地同步记录你使用微信支付产生的每一笔收入和支出。
并且《微信记账本》会每天自动弹出信息通知昨天的记账日报，告诉你昨天用了多少钱，收入了多少钱。
同意《微信记账本》同步微信支付账单时，需要输入微信支付密码才能导入微信支付账单，能导入的微信支付账单被限制在最近6个月。
然后进入《微信记账本》，可以在首屏醒目的看到本月支出金额与最近几笔交易明细，可以看到，这些自动导入的账单包括了微信里的扫描二维码支付、微信红包、微信转账和微信付款等的账单。
当然，也可以查看账本明细，查询前几个月的收入支出数据。
首页往下滑动就是数据分析饼图，哪个类别的支出最多一目了然，这里还有支出趋势图、支出排行榜，每月支出对比。
在手动记账方面，《微信记账本》支持记录金额、备注和日期。
而时间则是默认记账时间不能选择。
手动记账功能略为简单，缺少商家、家庭成员和支出账户等的项目，也没有自带计算机，不能附加图片。
手动记账中还有一个小功能，那就是“识图导入”功能，据功能介绍中说该功能可以导入微信支付外的账单截图，自动识别账单信息而自动记账，不过该功能只支持手机中拍摄好的照片，而不支持实时拍照。
但是这个功能笔者测试了好几张各种商店的收款小票，均无法识别，不知道要哪种账单才行。
如果能识别小票信息那就方便很多。
在数据方面，《微信记账本》不支持导入导出数据，也不支持搜索功能。
微信小程序开发图解案例教程08“记账本微信”小程序云开发
类型 string string string string string string string string string
说明 主键id，使用系统自动生成的ID，账户id 微信用户身份的唯一标识 账户金额 账户图标 账户名称 账户备注 账户类别：0现金，1支付宝，2微信 创建时间 修改时间
8.4 准备工作
④ 在云开发控制台上新建集合“accountDetail”（账户明细），字段属性如表所示。
字段
类型
说明
_id
string
主键id，使用系统自动生成的ID，账户明细id
_openid
string
微信用户身份的唯一标识
accountId
string
账户id
balance
string
交易金额
totalBalance
目录导航
8.1 需求描述 8.2 设计思路 8.3 相关知识点 8.4 准备工作 8.5 设计流程 8.6 小结
8.5.1 账户列表
账户列表页面显示已经创建的账户列 表。账户类型分为微信、现金、支付宝。 在每个账户里可以记录每一笔的收入和支 出，同时显示所有账户的总金额。如图 8.7所示。
图8.7 “账户”界面效果
27. </view>
添加账户 </view>
④ 在pages/account/ account.wxss文件里进行账户列表样式渲染。代码如下。
1. .stat { 2. background-color: #fff; 3. padding: 10px; 4. } 5. .line { 6. height: 1px; 7. width: 100%; 8. background-color: #666; 9. opacity: 0.2; 10. }