更新记录

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

参数 说明 类型 默认值 可选值
timetableType 定制表格左侧的序号和时间 Array 看源码... -
week 定制表格上方的周 Array ['一', '二', '三', '四', '五', '六', '日'] -
timetables 课程内容 Array [] -
palette 调色板, 会优先使用调色板的颜色 Array [] -

event

事件名 说明
courseClick 点击课程时触发, 参数course, 内容如下

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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问