微信小程序（原生）课程表

import { getCurrWeekList, formateDate } from "../../utils/util.js"; Page({ data: { currentWeek: 10, // 时间段 time: { one: [ { index: 1, timeStart: "08:00", timeEnd: "08:45", }, { index: 2, timeStart: "08:50", timeEnd: "09:35", }, { index: 3, timeStart: "09:50", timeEnd: "10:35", }, { index: 4, timeStart: "10:40", timeEnd: "11:25", }, ], //1-4 gap: [ { index: 5, timeStart: "11:30", timeEnd: "12:15", }, ], //第五节课间休息 two: [ { index: 6, timeStart: "13:00", timeEnd: "13:45", }, { index: 7, timeStart: "13:50", timeEnd: "14:35", }, { index: 8, timeStart: "14:45", timeEnd: "15:30", }, { index: 9, timeStart: "15:40", timeEnd: "16:25", }, { index: 10, timeStart: "16:35", timeEnd: "17:20", }, { index: 11, timeStart: "17:25", timeEnd: "18:10", }, ], //6-11 }, // 课表 schedule: { one: [ // 周一上午1-4 { sub: "大学物理", add: "B202", tec: "苏苏苏", color: "#fad0c4", start: 3, //表示第3节开始上课 step: 2, //2节课 day: 1, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, // 周2上午1-4 { sub: "操作系统", add: "N502", tec: "苏苏苏", color: "#ff9a9e", start: 1, //表示第一节开始上课 step: 2, //2节课 day: 2, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, { sub: "编译原理", add: "B202", tec: "苏苏苏", color: "#fda085", start: 3, //表示第3节开始上课 step: 2, //2节课 day: 2, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, // 周3上午1-4 // 周4上午1-4 { sub: "操作系统", add: "N502", tec: "苏苏苏", color: "#fbc2eb", start: 1, //表示第一节开始上课 step: 2, //2节课 day: 4, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, { sub: "编译原理", add: "B202", tec: "苏苏苏", color: "pink", start: 3, //表示第3节开始上课 step: 2, //2节课 day: 4, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, // 周5上午1-4 { sub: "操作系统", add: "N502", tec: "苏苏苏", color: "#a7a6cb", start: 1, //表示第一节开始上课 step: 2, //2节课 day: 5, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, ], two: [ // 周1下午6-11 { sub: "编译原理", add: "B202", tec: "苏苏苏", color: "#6991c7", start: 6, //表示1-2节课 step: 2, //2节课 day: 1, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, { sub: "编译原理", add: "B202", tec: "苏苏苏", color: "#ebc0fd", start: 9, //表示第九节开始上课 step: 3, //3节课 day: 1, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, // 周2下午6-11 { sub: "编译原理", add: "B202", tec: "苏苏苏", color: "#fddb92", start: 8, //表示1-2节课 step: 2, //3节课 day: 2, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, { sub: "编译原理", add: "B202", tec: "苏苏苏", color: "orange", start: 8, //表示1-2节课 step: 2, //3节课 day: 2, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, // 周3下午6-11 // 周4下午6-11 { sub: "编译原理", add: "B202", tec: "苏苏苏", color: "skyblue", start: 8, //表示1-2节课 step: 2, //3节课 day: 4, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, // 周5下午6-11 { sub: "编译原理", add: "B202", tec: "苏苏苏", color: "#7e7a7a", start: 6, //表示1-2节课 step: 2, //3节课 day: 5, //1:周一 2:周2 3:周三，以此类推，一直到周日 }, ], }, weekList: [], isShow: false, current: {}, }, getDetail(e) { let { item } = e.currentTarget.dataset; console.log(item); this.setData({ current: item, isShow: true, }); }, close() { this.setData({ isShow: false, }); }, onShow() { let time = new Date(), list = getCurrWeekList(time), weekList = []; list.forEach((item) => { weekList.push({ day: [item.split("-")[1], item.split("-")[2]].join("-"), week: "星期" + "日一二三四五六".charAt(new Date(item).getDay()), isCurr: formateDate(time) == item, }); }); this.setData({ weekList, }); }, });