微信小程序 实例应用(记账)详解

2022-01-14,,,,

这篇文章主要介绍了微信小程序 实例应用(记账详解的相关资料,需要的朋友可以参考下

 微信小程序-记账小应用

github地址:  https://github.com/HowName/account-note

 var util = require("../../utils/util.js"); //获取应用实例 var app = getApp(); Page({ data: { userInfo: {}, buttonLoading: false, accountData:[], accountTotal:0 }, onLoad: function () { console.log('onLoad') var that = this; // 获取记录 var tempAccountData = wx.getStorageSync("accountData") || []; this.caculateTotal(tempAccountData); this.setData({ accountData: tempAccountData }); }, // 计算总额 caculateTotal:function(data){ var tempTotal = 0; for(var x in data){ tempTotal += parseFloat(data[x].amount); } this.setData({ accountTotal: tempTotal }); }, //表单提交 formSubmit:function(e){ this.setData({ buttonLoading: true }); var that = this; setTimeout(function(){ var inDetail = e.detail.value.inputdetail; var inAmount = e.detail.value.inputamount; if(inDetail.toString().length <= 0 || inAmount.toString().length <= 0){ console.log("can not empty"); that.setData({ buttonLoading: false }); return false; } //新增记录 var tempAccountData = wx.getStorageSync("accountData") || []; tempAccountData.unshift({detail:inDetail,amount:inAmount}); wx.setStorageSync("accountData",tempAccountData); that.caculateTotal(tempAccountData); that.setData({ accountData: tempAccountData, buttonLoading: false }); },1000); }, //删除行 deleteRow: function(e){ var that = this; var index = e.target.dataset.indexKey; var tempAccountData = wx.getStorageSync("accountData") || []; tempAccountData.splice(index,1); wx.setStorageSync("accountData",tempAccountData); that.caculateTotal(tempAccountData); that.setData({ accountData: tempAccountData, }); } }) 

通过此文,希望大家对微信小程序了解,并应用,谢谢大家对本站的支持!

以上就是微信小程序 实例应用(记账)详解的详细内容,更多请关注本站其它相关文章!

《微信小程序 实例应用(记账)详解.doc》

下载本文的Word格式文档,以方便收藏与打印。