此功能以1,2,3,4,5,6,7這樣為一周期,連續簽到的功能;
通過計算是否為整除7天計算,每7天后切換數目,從而改變周期表、
本案例只是提供案例的基本操作,進一步涉及:每日用戶集的監聽(日歷表,簽到統計,連續簽到,簽到中斷,后端數據處理)等等功能需自行在搞掂哈~
如果圖如下:
wxml結構
已連續簽到 天 連續簽到7日后每日得3分 日期開始:{{min}} 日期結束:{{max}} 簽到數:{{signNum}}天 切換周期的倍數:{{be}}
js功能
// 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 }) } }, })
有什么錯誤或優化的地方,可以提出來,大家一起學習研究…
完整案例可訪問本人github:https://github.com/xiexikang/xcx-signIn
參考:
[微信小程序簽到積分案列]
[微信小程序canvas生成分享圖片到相冊的案例]
到此這篇關于微信小程序以7天為周期連續簽到7天功能效果的示例代碼的文章就介紹到這了,更多相關微信小程序連續簽到7天內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家!
原文鏈接:https://blog.csdn.net/weixin_42211816/article/details/81985084