微信小程序 实例应用（记账）详解

微信小程序 实例应用（记账）详解

微信小程序-记账小应用

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

var util = require("../../utils/util.js");

//获取应用实例

var app = getApp();

Page({

data: {

userInfo: {},

buttonLoading: false,

accountDatahttp://:[],

accountTotal:0

},

onLoad: function () {

console.log('onLoad')

var that = this;

// 获取记录

var tempAccountData = wx.getStorageSync("accountData") || [];

this.caculateTotal(tempAccountData);

this.setData({

accountData: tempAccountData

});

},

// 计算总额

caculhZtyZeMHateTotal: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

hZtyZeMH});

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,

});

}

})

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。