dmcdoudou / vue-calendar-checkin

基于vue的日历签到

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-calendar-checkin(尚在完善中)

基于vue2.x的日历签到组件(后期会改成真正的vue插件)

日历的代码基于Arguiwu的日历修改

props

需要传入已经签到的数据,数据大概如:

checkInData:[
    {
        "time": "2017-09-05 08:46",  //日期
        "amount": 4 //所得金币
    },
    {
        "time": "2017-09-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>

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:9999
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

About

基于vue的日历签到


Languages

Language:Vue 83.1%Language:JavaScript 15.3%Language:HTML 1.6%