Skip to content

fix(coaching): 优化重叠课程卡片的堆叠与展开交互 - #14

Merged
heathcetide merged 17 commits into
LingByte:mainfrom
1628755394:main
Sep 8, 2026
Merged

heathcetide merged 17 commits into
LingByte:mainfrom
1628755394:main

Conversation

@1628755394

Copy link
Copy Markdown

变更内容

  • 优化排课周课表中重叠课程卡片的显示方式
  • 默认状态下,重叠课程以紧凑卡片堆叠展示
  • 默认只显示最上层课程的详细内容,并显示剩余课程数量
  • 点击重叠卡片后展开,显示全部课程详情
  • 调整课程卡片的层级关系,确保上层卡片覆盖下层内容
  • 增加不透明底色,避免下层课程文字透过渐变背景显示
  • 保留主题色边框和柔和线性渐变背景

验证

  • 使用 Node.js 20.19.0
  • 执行 pnpm run build 构建成功
  • 已推送至 main 分支
  • GitHub Pages 测试环境部署已触发

相关文件

  • web/src/components/CoachingSchedulePanel.tsx

17793426456 and others added 17 commits September 7, 2026 16:30
排课页面恢复按实际开始和结束时间展示与创建,移除固定节次课表映射,保留现有封装组件和排课操作流程。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
移动端取消周课表的固定最小宽度和横向滚动,让七个日期列按屏幕宽度自适应排列。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
同一时段的课程改为压缩重叠显示,点击后展开课程组并将对应课程置于顶层。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
仅对存在时间交集的课程启用堆叠,并为大量冲突课程增加最大宽度和折叠计数,避免邻近课程和脏数据撑坏课表布局。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
排课课表卡片去掉透明度,背景实心遮盖;文字统一使用 soft.text
按状态自适应,保证在主题色背景上可读。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
边框使用实心主题色,内部改为 from-primary/15 to-primary/5 的柔和
线性渐变;文字恢复 text-foreground 在浅色渐变上可读。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
增加重叠卡片的堆叠间距并始终显示课程详情,避免上方卡片覆盖下方课程内容。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
恢复重叠卡片的紧凑堆叠,使用不透明柔和渐变遮盖下层,并提高上层卡片的显示层级,避免被覆盖的课程内容透出。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
使用不透明底色承载柔和渐变,并调整重叠卡片层级与堆叠间距,确保上层卡片覆盖下层内容。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
重叠课程默认紧凑堆叠,只显示顶层课程详情;点击后展开显示全部课程内容,并将数量角标放到顶层卡片。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
@heathcetide
heathcetide merged commit 8a598e2 into LingByte:main Sep 8, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants