xuyue/ojnext
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

update
Some checks failed
Deploy / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
yuetsh
2025-10-14 21:11:12 +08:00
parent c6fefba081
commit d1acd24cd0
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/oj/problem/detail.vue
View File

@@ -68,7 +68,7 @@ const tabOptions = computed(() => {
const currentTab = ref("content") const currentTab = ref("content")
const shouldUseProblemEditor = computed(() => route.name === "problem") const inProblem = computed(() => route.name === "problem")
watch( watch(
[() => route.query.tab, () => tabOptions.value], [() => route.query.tab, () => tabOptions.value],
@@ -114,8 +114,8 @@ watch(isMobile, (value) => {
</script> </script>
<template> <template>
<n-grid v-if="problem" x-gap="16" :cols="screenModeStore.isBothMode ? 2 : 1"> <n-grid v-if="problem" x-gap="16" :cols="screenModeStore.isBothMode ? 7 : 1">
<n-gi :span="isDesktop ? 1 : 2" v-if="shouldShowProblem"> <n-gi :span="isDesktop ? 3 : 7" v-if="shouldShowProblem">
<n-scrollbar v-if="isDesktop" style="max-height: calc(100vh - 92px)"> <n-scrollbar v-if="isDesktop" style="max-height: calc(100vh - 92px)">
<n-tabs v-model:value="currentTab" type="segment"> <n-tabs v-model:value="currentTab" type="segment">
<n-tab-pane name="content" tab="题目描述"> <n-tab-pane name="content" tab="题目描述">
@@ -147,8 +147,7 @@ watch(isMobile, (value) => {
<ProblemFlowchart /> <ProblemFlowchart />
</n-tab-pane> </n-tab-pane>
<n-tab-pane name="editor" tab="代码"> <n-tab-pane name="editor" tab="代码">
<ProblemEditor v-if="shouldUseProblemEditor" /> <component :is="inProblem ? ProblemEditor : ContestEditor" />
<ContestEditor v-else />
</n-tab-pane> </n-tab-pane>
<n-tab-pane name="info" tab="统计"> <n-tab-pane name="info" tab="统计">
<ProblemInfo /> <ProblemInfo />
@@ -161,9 +160,8 @@ watch(isMobile, (value) => {
</n-tab-pane> </n-tab-pane>
</n-tabs> </n-tabs>
</n-gi> </n-gi>
<n-gi v-if="isDesktop && screenModeStore.isBothMode"> <n-gi :span="4" v-if="isDesktop && screenModeStore.isBothMode">
<ProblemEditor v-if="shouldUseProblemEditor" /> <component :is="inProblem ? ProblemEditor : ContestEditor" />
<ContestEditor v-else />
</n-gi> </n-gi>
<n-gi v-if="isDesktop && screenModeStore.isCodeOnlyMode"> <n-gi v-if="isDesktop && screenModeStore.isCodeOnlyMode">
<EditorForTest /> <EditorForTest />