微信小程序 七天签到组件

组件效果  

 

组件gitee地址：https://gitee.com/liu-bao-yi/sign-in 

使用：

1.将dk-calendar文件夹放进components文件夹内

2.页面json文件引入该组件

{
  "usingComponents": {
    "dk-calendar":"../../components/dk-calendar/dk-calendar"
  }
}

3.xxml页面文件使用：

<dk-calendar originActiveData="{{user_date_log}}" bind:selectDate="onSelectDate" size="m"></dk-calendar>

参数方法相关：

名称	描述	参数或方法	类型	例子
originActiveData	已打卡的日期参数	params	Array	例：[2021-11-02,2021-11-03]
selectDate	点击的日期方法	Method		输出：yyyy-MM-dd