加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 20:26:00 所属栏目:资源 来源:网络整理
导读:微信小程序-记账小应用 github地址: // 获取记录 var tempAccountData = wx.getStorageSync("accountData") || []; this.caculateTotal(tempAccountData); this.setData({ accountData: tempAccountData }); },// 计算总额 caculateTotal:function(data){ va

微信小程序-记账小应用

github地址:

// 获取记录
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,});
}
})

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读