delete all element-plus related.

src/oj/problem/detail.vue

@@ -3,6 +3,7 @@ import { getProblem } from "oj/api"
 import { isDesktop, isMobile } from "~/shared/composables/breakpoints"
 
 const Editor = defineAsyncComponent(() => import("./components/Editor.vue"))
+const Panel = defineAsyncComponent(() => import("./components/Panel.vue"))
 const ProblemContent = defineAsyncComponent(
   () => import("./components/ProblemContent.vue")
 )
@@ -24,28 +25,34 @@ provide("problem", readonly(problem))
 </script>
 
 <template>
-  <el-row v-if="isFinished && problem" :gutter="20">
-    <el-col :span="isDesktop ? 12 : 24">
-      <el-tabs type="border-card">
-        <el-tab-pane label="题目描述">
-          <el-scrollbar v-if="isDesktop" height="calc(100vh - 171px)">
+  <n-grid v-if="isFinished && problem" x-gap="16" :cols="2">
+    <n-gi :span="isDesktop ? 1 : 2">
+      <n-tabs default-value="content">
+        <n-tab-pane name="content" tab="题目描述">
+          <n-scrollbar v-if="isDesktop" style="max-height: calc(100vh - 136px)">
             <ProblemContent :problem="problem" />
-          </el-scrollbar>
+          </n-scrollbar>
           <ProblemContent v-else :problem="problem" />
-        </el-tab-pane>
-        <el-tab-pane v-if="isMobile" label="代码编辑" lazy>
+        </n-tab-pane>
+        <n-tab-pane v-if="isMobile" name="editor" tab="代码编辑">
           <Editor :problem="problem" />
-        </el-tab-pane>
-        <el-tab-pane label="比赛信息" v-if="props.contestID" lazy></el-tab-pane>
-        <el-tab-pane label="题目信息" lazy>
+          <Panel />
+        </n-tab-pane>
+        <n-tab-pane
+          name="contest"
+          tab="比赛信息"
+          v-if="props.contestID"
+        ></n-tab-pane>
+        <n-tab-pane name="info" tab="题目信息">
           <ProblemInfo :problem="problem" />
-        </el-tab-pane>
-      </el-tabs>
-    </el-col>
-    <el-col v-if="isDesktop" :span="12">
+        </n-tab-pane>
+      </n-tabs>
+    </n-gi>
+    <n-gi v-if="isDesktop">
       <Editor :problem="problem" />
-    </el-col>
-  </el-row>
+      <Panel />
+    </n-gi>
+  </n-grid>
 </template>
 
 <style scoped></style>