更新记录
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)
自用的屎山课表插件,分享给各位随意取用,有意见建议欢迎各位提交
查看更多
平台兼容性
HbuilderX/cli最低兼容版本 |
3.8.6 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
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>