课表

[renbaoshuo]

需求

界面大致按照仿现在的福 uu 设计，需要注意以下几个点：

1. 课表顶部的日历需要显示某一个特定星期，并且要对接校历显示学期周数
2. 日历下面的课程安排，需要注意设置一个最低高度（不至于在小屏机上挤在一起），并且在屏幕较长的设备上拉满显示高度。
3. 有的课的时间是有重叠的，需要做特殊处理。现在的做法是点开详情可以左右滑动查看不同的课程。
4. 课程详情卡片可能需要重新设计一下，排版也需要优化，另外现在的有的不常用的功能按钮其实可以收起来（比如「查看课程」这种）。
5. 数据需要缓存，定期更新。

还有一些细节：

1. 午饭、晚饭前后课程的行之间适当留空（:nth-child），做一个视觉上的小分割，不用太明显。
2. 原先的设置尽可能还原，方便用户使用。

（可能的）实现方案

顶部日历找一个月历魔改一下，只显示当前行，这样可以直接使用现成的轮子。

底部的课表用 table 实现，跨行之间用 rowSpan，节约开发成本。

具体实现有待商议。

相关链接

• Add module for viewing class schedule fzuhelper-server#17
• Add Course Module fzuhelper-server#34
• Add School Calendar Module fzuhelper-server#45

参考图片

[renbaoshuo]

关于课表中的点击详情提示框，可以使用这个方案：https://docs.expo.dev/router/advanced/modals/#web-modals-implementation