首页 > 编程 > JavaScript > 正文

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

2019-11-20 08:51:18
字体:
来源:转载
供稿:网友

 微信小程序-记账小应用

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,   }); }})

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表