update icons

src/oj/problem/components/ProblemContent.vue

@@ -5,6 +5,7 @@ import { problem } from "oj/composables/problem"
 import { Problem, ProblemStatus } from "utils/types"
 import { createTestSubmission } from "utils/judge"
 import { useThemeVars } from "naive-ui"
+import { Icon } from "@iconify/vue"
 
 type Sample = Problem["samples"][number] & {
   id: number
@@ -99,17 +100,37 @@ function type(status: ProblemStatus) {
       <n-tag>{{ problem._id }}</n-tag>
       <h2 class="problemTitle">{{ problem.title }}</h2>
     </n-space>
-    <p class="title" :style="style">描述</p>
+    <p class="title" :style="style">
+      <n-flex align="center">
+        <Icon icon="streamline-emojis:sparkles"></Icon>
+        描述
+      </n-flex>
+    </p>
     <div class="content" v-html="problem.description"></div>
 
-    <p class="title" :style="style">输入</p>
+    <p class="title" :style="style">
+      <n-flex align="center">
+        <Icon icon="streamline-emojis:four-leaf-clover"></Icon>
+        输入
+      </n-flex>
+    </p>
     <div class="content" v-html="problem.input_description"></div>
 
-    <p class="title" :style="style">输出</p>
+    <p class="title" :style="style">
+      <n-flex align="center">
+        <Icon icon="streamline-emojis:herb"></Icon>
+        输出
+      </n-flex>
+    </p>
     <div class="content" v-html="problem.output_description"></div>
 
     <div v-if="problem.hint">
-      <p class="title" :style="style">提示</p>
+      <p class="title" :style="style">
+        <n-flex align="center">
+          <Icon icon="streamline-emojis:seedling"></Icon>
+          提示
+        </n-flex>
+      </p>
       <div class="content" v-html="problem.hint"></div>
     </div>
 

src/oj/problem/components/ProblemSubmission.vue

@@ -8,6 +8,7 @@ import { isDesktop } from "~/shared/composables/breakpoints"
 import SubmissionResultTag from "~/shared/components/SubmissionResultTag.vue"
 import Pagination from "~/shared/components/Pagination.vue"
 import { NButton } from "naive-ui"
+import { renderTableTitle } from "~/utils/renders"
 
 const userStore = useUserStore()
 const route = useRoute()
@@ -15,7 +16,7 @@ const router = useRouter()
 
 const columns: DataTableColumn<Submission>[] = [
   {
-    title: "提交时间",
+    title: renderTableTitle("提交时间", "noto:seven-oclock"),
     key: "create_time",
     width: 200,
     render: (row) =>
@@ -25,7 +26,7 @@ const columns: DataTableColumn<Submission>[] = [
       ),
   },
   {
-    title: "编号",
+    title: renderTableTitle("编号", "fluent-emoji-flat:input-numbers"),
     key: "id",
     minWidth: 160,
     render: (row) => {
@@ -48,13 +49,16 @@ const columns: DataTableColumn<Submission>[] = [
     },
   },
   {
-    title: "状态",
+    title: renderTableTitle("状态", "streamline-emojis:panda-face"),
     key: "status",
     width: 140,
     render: (row) => h(SubmissionResultTag, { result: row.result }),
   },
   {
-    title: "语言",
+    title: renderTableTitle(
+      "语言",
+      "streamline-emojis:globe-showing-europe-africa",
+    ),
     key: "language",
     width: 100,
     render: (row) => LANGUAGE_SHOW_VALUE[row.language],