v-schedule

日程组件

Usage no npm install needed!

<script type="module">
  import vSchedule from 'https://cdn.skypack.dev/v-schedule';
</script>

README

title: 页面 lang: zh-CN

打包成组件

npm run lib

修改package.json中的 version 版本号

nrm use *** 切换到自己的组件库地址

npm publish 发布到自己的组件库中

使用

nrm use *** 切换到自己的组件库地址
npm install v-schedule

Demo


import Vue from 'vue'
import VSchedule from 'v-schedule';

Vue.use(VSchedule);

<template>
  <div>
    <VSchedule :active="active" :requestPath="requestPath" :tokenKey="tokenKey" :token="token"></VSchedule>
  </div>
</template>

<script>
// import { VSchedule } from 'v-schedule'

export default {
  // components: {
  //   VSchedule
  // },
  data () {
    return {
      /**
       * active参数类型
       *  index: 首页日历,
       *  Schedule: 日程安排,
       *  ColleagueList: 查看同事日程,
       *  ShareSetting: 日程共享设置,
       *  PublicCalendar: 公共日历,
       *  WorkingDay: 公共工作日
       */
      active: 'index',
      tokenKey: 'X-Access-Token',
      requestPath: 'http://192.168.10.128:8189/yueyun-schedule-web/',
      token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJleHAiOjE2MDg3OTMzMzQsInVzZXJuYW1lIjoiMTg2ODg0MzQzNjQifQ.qVnQy9C1WOMP-u_EjRbg1Uyv0p3mii5CvxNSAVxTaZk'
    }
  }
}
</script>