要求是将下面的课程表代码修改为 在显示高三课程表时支持显示星期六

链接如下,


需要修改3文件,效果如下,有帮助麻烦点个采纳【本回答右上角】,谢谢~~有其他问题可以继续交流~,如需修改后完整示例代码请站内联系

img

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]);
    })
});


img


 <span id="loadTip"> 课程表数据加载中... </span>

后台处理的时候返回6列的数据。