需要修改3文件,效果如下,有帮助麻烦点个采纳【本回答右上角】,谢谢~~有其他问题可以继续交流~,如需修改后完整示例代码请站内联系
1)每个块的长度,ClassSchedule-main\assets\css\index.css,
.Courses-content li {
width:/* 19.2%;*/16.2%;/*宽度由19.2%改为16.2%*/
margin: 1px 1px;
text-align: center;
color: #666666;
font-size: 13px;
line-height: 50px;
border-radius: 10px;
}
2)ClassSchedule-main\assets\scripts\main.js,新增周6和相关初始化数据
初始化数据
var courseListNoAll = [
[' ', ' ', '请', ' ', '请', ' ', ' ', ' '],
[' ', ' ', '选', ' ', '选', ' ', ' ', ' '],
[' ', ' ', '择', ' ', '择', ' ', ' ', ' '],
[' ', ' ', '年', ' ', '班', ' ', ' ', ' '],
[' ', ' ', '级', ' ', '级', ' ', ' ', ' ']
];
var courseListNoG = [
[' ', ' ', '请', ' ', ' ', ' ', ' ', ' '],
[' ', ' ', '选', ' ', ' ', ' ', ' ', ' '],
[' ', ' ', '择', ' ', ' ', ' ', ' ', ' '],
[' ', ' ', '年', ' ', ' ', ' ', ' ', ' '],
[' ', ' ', '级', ' ', ' ', ' ', ' ', ' ']
];
var courseListNoC = [
[' ', ' ', ' ', ' ', '请', ' ', ' ', ' '],
[' ', ' ', ' ', ' ', '选', ' ', ' ', ' '],
[' ', ' ', ' ', ' ', '择', ' ', ' ', ' '],
[' ', ' ', ' ', ' ', '班', ' ', ' ', ' '],
[' ', ' ', ' ', ' ', '级', ' ', ' ', ' ']
];
var courseListNoM = [
[' ', ' ', ' ', ' ', '请', ' ', ' ', ' '],
[' ', ' ', ' ', ' ', '选', ' ', ' ', ' '],
[' ', ' ', ' ', ' ', '择', ' ', ' ', ' '],
[' ', ' ', ' ', ' ', '选', ' ', ' ', ' '],
[' ', ' ', ' ', ' ', '科', ' ', ' ', ' ']
];
//新增周6初始化数据一行/////
courseListNoAll.push([' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ']);
courseListNoG.push([' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ']);
courseListNoC.push([' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ']);
courseListNoM.push([' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ']);
增加周六列
var week = window.innerWidth > 360 ? ['周一', '周二', '周三', '周四', '周五','周六'] :
['一', '二', '三', '四', '五', '六'];
3)ClassSchedule-main\assets\scripts\data.js,增加每个年级每个班周六课表
//每个年级每个班增加周六课程
courseList.forEach(grade => {
grade.forEach(Class => {
Class.push(Class[0]);
})
});
<span id="loadTip"> 课程表数据加载中... </span>
后台处理的时候返回6列的数据。