Skip to content

feat: 手机端适配 - #2806

Open
sililass wants to merge 4 commits into
eesast:masterfrom
sililass:feat/mobile-adaptation
Open

sililass wants to merge 4 commits into
eesast:masterfrom
sililass:feat/mobile-adaptation

Conversation

@sililass

Copy link
Copy Markdown
  • 修正 viewport 与布局容器的 465px 硬编码,解除全站横向溢出
  • 新增 antd 组件移动端兜底样式(Image 自适应、Table 内部滚动、flex min-width)
  • 修复赛事介绍、周报、比赛管理、课程、大模型页面的固定宽度问题
  • 修复注册页身份选择卡片在窄屏溢出
  • 比赛管理页 21 处固定栅格列改为响应式

验证:34 页面 × 3 档宽度 × 2 种登录状态 = 204 项检查全部通过,
typecheck 与 lint 均为 0 错误。

sililass added 4 commits October 21, 2026 21:35
- 修正 viewport 与布局容器的 465px 硬编码,解除全站横向溢出
- 新增 antd 组件移动端兜底样式(Image 自适应、Table 内部滚动、flex min-width)
- 修复赛事介绍、周报、比赛管理、课程、大模型页面的固定宽度问题
- 修复注册页身份选择卡片在窄屏溢出
- 比赛管理页 21 处固定栅格列改为响应式

验证:34 页面 × 3 档宽度 × 2 种登录状态 = 204 项检查全部通过,
typecheck 与 lint 均为 0 错误。
- MentorApplicationStudent/Mentor:65%/30% 固定百分比分栏改为响应式栅格
- InfoSite:Content 固定 50px padding 在收起状态下改为 16px
- MentorApplicationCard/StudentApplicationCard:Descriptions 加响应式 column,
  移除与之冲突的固定 width: 25%
- DisplayApplicationModal:column/span 改为响应式
- ProfilePage:ProDescriptions 在移动端 span 降为 1(组件本身不支持响应式 span)
- 全局 CSS:Descriptions 表格固定布局、长文本换行、ellipsis 单行在窄屏允许换行
- HonorApplicationPage:column={8} 的 8 栏布局改为 xs/sm/md 三档断点,
  span 同步改为响应式;展开行里的 Descriptions 也补上响应式 column
- LLMChatPage:侧边栏固定 260px 改为 breakpoint=md 自动收起,
  避免手机上正文被挤没
- 全局 CSS:antd Modal 默认 520px 在窄屏限制在视口内;
  Descriptions 标签允许换行
HeaderContainer 加 flex-wrap,避免「刷新认证」按钮被挤出视口。

This branch has not been deployed

No deployments
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.

1 participant