更新记录

0.0.3（2021-07-07） 下载此版本

1.当天用蓝色显示 2.修复一个页面中有多个实例时的颜色bug 3.优化代码 4.补充使用文档

0.0.2（2021-07-07） 下载此版本

将格子高度单位改为px, 解决部分机型下高度不对齐的bug

0.0.1（2021-07-07） 下载此版本

timetable课程表

平台兼容性

Timetable

props

event

course

{
  index: 3,               // 这是第几节课
  length: 2,              // 这节课的课节数
  weekIndex: 4,           // 周数组的下标
  week: '五',             // 周五
  name: '数据结构与算法分析' // 课程名称
}

使用

<template>
    <timetable :timetables="timetables"></timetable>
</template>

<script>
    import Timetable from '@/components/lpx-timetable/lpx-timetable'
    export default {
        data() {
            return {
                timetables: [
                  ['大学英语', '大学英语', '大学英语', '', '', '', '毛概', '毛概', '', '', '', '选修'],
                  ['', '', '信号与系统', '信号与系统', '模拟电子技术基础', '模拟电子技术基础', '', '', '', '', '', ''],
                  ['大学体育', '大学体育', '形势与政策', '形势与政策', '', '', '', '', '', '', '', ''],
                  ['', '', '', '', '电装实习', '电装实习', '', '', '', '大学体育', '大学体育', ''],
                  ['', '', '数据结构与算法分析', '数据结构与算法分析', '', '', '', '', '信号与系统', '信号与系统', '', '']
                ]
            }
        }
    }
</script>