1.此功能以1,2,3,4,5,6,7这样为一周期，连续签到的功能；通过计算是否为整除7天计算，每7天后切换数目，从而改变周期表、

2.本案例只是提供案例的基本操作，进一步涉及：每日用户集的监听（日历表，签到统计，连续签到，签到中断，后端数据处理）等等功能需自行在搞掂哈~

3.如果图如下：

4.wxml结构

!--pages/signIn/signIn.wxml--viewclass='signIn'viewclass='sign-com'viewclass='thead'viewclass='tt'已连续签到/viewviewclass='mm'labelclass='n'{{signNum}}/label天/viewviewclass='pp'连续签到7日后每日得3分/view/viewviewclass='modle'viewclass='mol'viewclass='mol-line'/viewviewclass='mol-ites'viewclass="ite{{signNum=min?'hover':''}}"data-n='{{min}}'labelclass='n'+{{min7?1:3}}/label/viewviewclass="ite{{signNum=min+1?'hover':''}}"data-n='{{min+1}}'labelclass='n'+{{min+17?1:3}}/label/viewviewclass="ite{{signNum=min+2?'hover':''}}"data-n='{{min+2}}'labelclass='n'+{{min+27?1:3}}/label/viewviewclass="ite{{signNum=min+3?'hover':''}}"data-n='{{min+3}}'labelclass='n'+{{min+37?1:3}}/label/viewviewclass="ite{{signNum=min+4?'hover':''}}"data-n='{{min+4}}'labelclass='n'+{{min+47?1:3}}/label/viewviewclass="ite{{signNum=min+5?'hover':''}}"data-n='{{min+5}}'labelclass='n'+{{min+57?1:3}}/label/viewviewclass="ite{{signNum=min+6?'hover':''}}"data-n='{{max}}'labelclass='n'+{{min+67?1:3}}/label/view/view/viewviewclass='moday'labelclass='dd'{{min}}天/labellabelclass='dd'{{min+1}}天/labellabelclass='dd'{{min+2}}天/labellabelclass='dd'{{min+3}}天/labellabelclass='dd'{{min+4}}天/labellabelclass='dd'{{min+5}}天/labellabelclass='dd'{{max}}天/label/view/viewviewclass='the-btn'buttontype='button'class='btn'bindtap='bindSignIn'data-num="{{signNum}}"disabled='{{signState}}'data-min="{{min}}"data-max="{{max}}"data-be="{{be}}"签到/button/view/view/viewviewclass='explax'viewclass=''日期开始：{{min}}/viewviewclass=''日期结束：{{max}}/viewviewclass=''签到数：{{signNum}}天/viewviewclass=''切换周期的倍数：{{be}}/view/view

5.js功能

//pages/signIn/signIn.js//获取应用实例constapp=getApp();Page({/***页面的初始数据*/data:{//img_url:config.imgUrl,//图片地址//签到模块signNum:0,//签到数signState:false,//签到状态min:1,//默认值日期第一天1max:7,//默认值日期最后一天7be:0//默认倍数},//签到bindSignIn(e){varthat=this,num=e.currentTarget.dataset.num;num++wx.showToast({icon:'success',title:'签到成功',})that.setData({signNum:num,//signState:true})varmin=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})}},})

6.有什么错误或优化的地方，可以提出来，大家一起学习研究…

7.完整案例可访问本人github：https://github.com/xiexikang/xcx-signIn

8.ps:[js仿淘宝收货地址列表，设置默认地址][微信小程序签到积分案列][微信小程序canvas生成分享图片到相册的案例]