feat(题目): 手机上「运行例子 / 提交」固定在屏幕底部,看着题目也能直接交

- 两个 44px 高的大按钮固定在底部,三个页签下都在;原来它们在「代码」页签顶上,
  和语言、更多挤成两行,看着题面想交一次还得先切回代码页签
- 「代码」页签的编辑器一直挂着(原来切走就卸载):没打开过代码页签也能交,撤销历史也不丢
- 编辑器高度让出底部那条,最后几行不再被按钮盖住

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-09-28 18:33:17 +08:00
1 parent 0c2ff68e9b
commit 9110c678fc
6 files changed
+96 -10

No files matched your search

@@ -98,9 +98,10 @@ const storageKey = computed(() =>
: `problem_${problem.value!._id}_contest_${contestID}_lang_${codeStore.code.language}`,
)
// 协作条 40px + 和工具栏之间的 12px 间距,要从编辑器里让出来,不然页面底下多出一截滚动条
// 协作条 40px + 和工具栏之间的 12px 间距,要从编辑器里让出来,不然页面底下多出一截滚动条。
// 手机上:顶栏两行 + 课堂条 + 页签 + 工具栏约 236px,底部还有「运行例子 / 提交」那条约 64px
const editorHeight = computed(() => {
const base = isDesktop.value ? 133 : 172
const base = isDesktop.value ? 133 : 300
return `calc(100vh - ${base + (teacherCollab.value ? 52 : 0)}px)`
})