更新记录

1.0.2(2024-02-03)

对微信小程序做出适配,解决"TypeError: Cannot read property 'addEventListener' of undefined" found in报错问题,欢迎各位继续提出问题。

1.0.1(2024-02-01)

修改当前周周日的显示规则,按照日期习惯,第二周周日的课实际在第三周第一天显示也就是第三周周日显示。

1.0.0(2024-01-31)

自用的屎山课表插件,分享给各位随意取用,有意见建议欢迎各位提交

查看更多

平台兼容性

yyyddyyd-freetimetables

介绍

基本用法

组件名:yyyddyyd-freetimetables

代码块:

<!-- 基本用法 -->
<yyyddyyd-freetimetables @clickkbdata="clickkb" :kbjsheight="kbjsheight" :kbJs="kbJs" :nowweekclass="nowweekclass"
    :hqxq="hqxq" :kbList="kbList">
</yyyddyyd-freetimetables>

API

timetables Props

属性名 类型 默认值 说明
kbjsheight Number 78 一节课的高度
kbJs Array [] 课表的时间安排
[{kssj: '08:00',//课程开始时间
jssj: '08:50',//课程结束时间
style: 'background-color: #FF7F50;'},//这个时间段的底色
{kssj: '09:00',
jssj: '09:50',
style: 'background-color:#FFE4E1;'}]
nowweekclass String background-color: #00FF00; 当前教学周的默认颜色
hqxq String 题头显示的当前学期
kbList Array [] 课表的列表
javascript[{"kcmc": "高等数学",//课程名称
"kcxz": "必修",//课程性质
"color": "#000000",//课程默认颜色
"jsxx": "陈九",//课程老师
"kbData": //课程授课具体时间、地点安排
[{"jxdd": "教室103",//课程教室
"week": 0,//课程上课星期,周日为0,周一为1依次顺延
"jc": [1, 2],//第几节课
"jxz": [2, 4, 5, 7, 8, 13, 14, 15]//课程第几周上课}]}]

timetables Events

事件名称 说明 返回参数
@clickkbdata 点击课表列表返回的参数 e={ckjxweek: 2,index: undefined(//此处应为课程id,在kbData下设置),jc: (2) [3, 4],week: 1}

替换 popup 的 slot 插槽

插槽名 说明
popup 替换点击左上角弹出的蒙层,主要用以扩展功能。
<yyyddyyd-freetimetables @clickkbdata="clickkb" :kbjsheight="kbjsheight" :kbJs="kbJs" :nowweekclass="nowweekclass"
            :hqxq="hqxq" :kbList="kbList">
            <template :slot="'popup'">
                <view class="">
                    <view style="display: flex;justify-content: center;align-items: center;">
                        <button type="primary" size="mini" style="margin-bottom: 50px;"
                            @click="addkblist">教务系统导入</button>
                        <button type="primary" size="mini" style="margin-bottom: 50px;" @click="upics">导入日程</button>
                    </view>
                </view>
            </template>
</yyyddyyd-freetimetables>

隐私、权限声明

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

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

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

许可协议

MIT协议

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