当前组件不再维护,烦请移步到npm包位置:https://github.com/hasbug/vue-checkin
基于vue2.x的日历签到组件
日历的代码基于Arguiwu的日历修改
需要传入已经签到的数据,数据大概如:
checkInData:[
{
"time": "2018/04/05 08:46", //日期
"amount": 4 //所得金币
},
{
"time": "2018/04/04 09:51",
"amount": 3
},
]
使用姿势
在main.js中引入
import Vue from 'vue'
import vueCheckin from './lib/index.js'
Vue.use(vueCheckin)
在你的vue页面中
<vue-checkin :checkin="checkInData" @checkIn="checkIn" @setMonth="getCheckInData"></vue-checkin>
# install dependencies
npm install
# serve with hot reload at localhost:9999
npm run dev
# build for production with minification
npm run build