微信小程序连续签到7天积分获得功能的示例代码

2023-07-18 12:24:03 210

每周每天签到获得积分的案例
功能设计：计算每天签到得1分，显示得到的签到积分，连续签到3天[周一二三]即得+多3分，连续签到7天[周一二三四五六日]+多7分，没有连续即不显示多余的3分或7分的提示…

wxml结构：






已连续签到{{newSignNum}}天
积分：{{newSignIntegral}}




签到



已签到






+3积分
+7积分








{{v.day}}

js方法：

Page({

/**
*页面的初始数据
*/
data:{
newSignBtnState:false,//按钮签到状态
continuityDays7:false,//连续7
continuityDays3:false,//连续3
myToday:'',//周几
newSignNum:0,//签到天数
newSignIntegral:0,//签到积分
//签到数组
isNewSignedArr:[
{
"day":"一",
"isSigned":false
},
{
"day":"二",
"isSigned":false
},
{
"day":"三",
"isSigned":false
},
{
"day":"四",
"isSigned":false
},
{
"day":"五",
"isSigned":false
},
{
"day":"六",
"isSigned":false
},
{
"day":"日",
"isSigned":false
}
],
},

//-------点击签到---------
bindSignFn(e){
varthat=this,
newSignNum=that.data.newSignNum,
today=that.data.myToday;
constarr=[],
newSignArr=[...arr,...that.data.isNewSignedArr];
//
today=today-1>0?today-1:6;
newSignArr[today].isSigned=true;

//当前积分
newSignNum++;
varcurFen=that.data.newSignIntegral+1;

that.setData({
newSignBtnState:true,
newSignNum:newSignNum,
newSignIntegral:curFen,
isNewSignedArr:newSignArr,
})

that.signAddFen();
},

//签到积分函数
//连续天数-积分：周三+3：周一，周二，周三（1+1+3=5）；周六+7：周日到周六（1+1+3+1+1+1+7=15）
signAddFen(e){
varthat=this,
oneIsSigned=that.data.isNewSignedArr[0].isSigned,
twoIsSigned=that.data.isNewSignedArr[1].isSigned,
threeIsSigned=that.data.isNewSignedArr[2].isSigned,
fourIsSigned=that.data.isNewSignedArr[3].isSigned,
fiveIsSigned=that.data.isNewSignedArr[4].isSigned,
sixIsSigned=that.data.isNewSignedArr[5].isSigned,
sevenIsSigned=that.data.isNewSignedArr[6].isSigned;

//另外加分-黄色小框显示周三+3,周日+7
if(oneIsSigned&&twoIsSigned&&that.data.myToday==3){
that.setData({
continuityDays3:true
})
}elseif(oneIsSigned&&twoIsSigned&&threeIsSigned&&fourIsSigned&&fiveIsSigned&&sixIsSigned&&that.data.myToday==0){
that.setData({
continuityDays7:true
})
}

//签到后执行
if(that.data.newSignBtnState){
//周三：一二三
if(oneIsSigned&&twoIsSigned&&threeIsSigned){
varfens=that.data.newSignIntegral+3-1;
that.setData({
newSignIntegral:fens
})
}
//所有签了：一二三四五六日
if(oneIsSigned&&twoIsSigned&&threeIsSigned&&fourIsSigned&&fiveIsSigned&&sixIsSigned&&sevenIsSigned){
varfens=that.data.newSignIntegral+7-1;
that.setData({
newSignIntegral:fens
})
}
}
},

/**
*生命周期函数--监听页面加载
*/
onLoad:function(options){
varthat=this,
myDate=newDate(),
myToday=myDate.getDay();//周几0123456
that.setData({
myToday:myToday
})
that.signAddFen();
},

})

有什么错误或优化的地方，可以提出来，大家一起学习研究…
完整案例可访问本人github:https://github.com/xiexikang/xcx-signIn

ps：
[微信小程序：以7天为周期，连续签到7天功能效果]

到此这篇关于微信小程序连续签到7天积分获得功能的示例代码的文章就介绍到这了,更多相关微信小程序签到功能内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

微信小程序连续签到7天积分获得功能的示例代码

热门推荐

随机推荐