微信小程序以7天为周期连续签到7天功能效果的示例代码

 
 
 已连续签到
 {{signNum}}天
 连续签到7日后每日得3分
 
 
 
 
 
 
 +{{min<7&＃63;1:3}}
 
 
 +{{min+1<7&＃63;1:3}}
 
 
 +{{min+2<7&＃63;1:3}}
 
 
 +{{min+3<7&＃63;1:3}}
 
 
 +{{min+4<7&＃63;1:3}}
 
 
 +{{min+5<7&＃63;1:3}}
 
 
 +{{min+6<7&＃63;1:3}}
 
 
 
 
 {{min}}天
 {{min+1}}天
 {{min+2}}天
 {{min+3}}天
 {{min+4}}天
 {{min+5}}天
 {{max}}天
 
 

 
 签到
 
 



 日期开始：{{min}} 
 日期结束：{{max}} 
 签到数：{{signNum}}天
 切换周期的倍数：{{be}}

// pages/signIn/signIn.js
//获取应用实例
const app = getApp();

Page({

 /**
 * 页面的初始数据
 */
 data: {
 //img_url: config.imgUrl, //图片地址

 //签到模块
 signNum: 0, //签到数
 signState: false, //签到状态
 min: 1, //默认值日期第一天1
 max: 7, //默认值日期最后一天7
 be: 0 //默认倍数


 },

 //签到
 bindSignIn(e) {
 var that = this,
 num = e.currentTarget.dataset.num;
 num++
 wx.showToast({
 icon: 'success',
 title: '签到成功',
 })
 that.setData({
 signNum: num,
 //signState: true
 })

 var min = e.currentTarget.dataset.min,
 max = e.currentTarget.dataset.max,
 be = e.currentTarget.dataset.be;

 if (num % 7 == 0) {
 be += 1;
 that.setData({
 be: be
 })
 }

 if (num == 7 * be + 1) {
 that.setData({
 min: 7 * be + 1,
 max: 7 * be + 7
 })
 }

 },


})