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

Question

链接如下，

GitHub - Haocen2004/ClassSchedule: 小助手课程表查询实现 小助手课程表查询实现. Contribute to Haocen2004/ClassSchedule development by creating an account on GitHub. https://github.com/Haocen2004/ClassSchedule

急

Answer 1

需要修改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]);
    })
});