update icons

src/oj/contest/components/ContestInfo.vue

@@ -16,7 +16,7 @@ const contestStore = useContestStore()
     <template #trigger>
       <n-button>
         <template #icon>
-          <Icon icon="openmoji:compass"></Icon>
+          <Icon icon="streamline-emojis:exclamation-mark"></Icon>
         </template>
         比赛信息
       </n-button>

src/oj/contest/detail.vue

@@ -35,7 +35,7 @@ const passwordFormVisible = computed(
       <n-space align="center">
         <Icon
           v-if="contestStore.isPrivate"
-          icon="openmoji:locked"
+          icon="streamline-emojis:locked-with-key"
           :width="30"
           :height="30"
         ></Icon>

src/oj/contest/list.vue

@@ -8,6 +8,7 @@ import ContestTitle from "~/shared/components/ContestTitle.vue"
 import Pagination from "~/shared/components/Pagination.vue"
 import { useUserStore } from "~/shared/store/user"
 import { toggleLogin } from "~/shared/composables/modal"
+import { renderTableTitle } from "~/utils/renders"
 
 const route = useRoute()
 const router = useRouter()
@@ -30,7 +31,7 @@ const options: SelectOption[] = [
 
 const columns: DataTableColumn<Contest>[] = [
   {
-    title: "状态",
+    title: renderTableTitle("状态", "streamline-emojis:collision"),
     key: "status",
     width: 100,
     render: (row) =>
@@ -41,19 +42,19 @@ const columns: DataTableColumn<Contest>[] = [
       ),
   },
   {
-    title: "比赛",
+    title: renderTableTitle("比赛", "streamline-emojis:bouquet"),
     key: "title",
     minWidth: 360,
     render: (row) => h(ContestTitle, { contest: row }),
   },
   {
-    title: "开始时间",
+    title: renderTableTitle("开始时间", "fluent-emoji-flat:eleven-thirty"),
     key: "start_time",
     width: 180,
     render: (row) => parseTime(row.start_time),
   },
   {
-    title: "比赛时长",
+    title: renderTableTitle("比赛时长", "streamline-emojis:fishing-pole"),
     key: "duration",
     width: 180,
     render: (row) => duration(row.start_time, row.end_time),

src/oj/contest/pages/problems.vue

@@ -2,6 +2,7 @@
 import { ProblemFiltered } from "utils/types"
 import ProblemStatus from "~/oj/problem/components/ProblemStatus.vue"
 import { useContestStore } from "~/oj/store/contest"
+import { renderTableTitle } from "~/utils/renders"
 
 const props = defineProps<{ contestID: string }>()
 
@@ -9,15 +10,33 @@ const router = useRouter()
 const contestStore = useContestStore()
 const problemsColumns: DataTableColumn<ProblemFiltered>[] = [
   {
-    title: "状态",
+    title: renderTableTitle("状态", "streamline-emojis:musical-note"),
     key: "status",
-    width: 60,
+    width: 100,
     render: (row) => h(ProblemStatus, { status: row.status }),
   },
-  { title: "编号", key: "_id", width: 60 },
-  { title: "题目", key: "title", minWidth: 200 },
-  { title: "总提交数", key: "submission", width: 100 },
-  { title: "通过率", key: "rate", width: 100 },
+  {
+    title: renderTableTitle("编号", "fluent-emoji-flat:input-numbers"),
+    key: "_id",
+    width: 100,
+  },
+  {
+    title: renderTableTitle("题目", "streamline-emojis:rice-ball"),
+    key: "title",
+    minWidth: 200,
+  },
+  {
+    title: renderTableTitle("提交数", "streamline-emojis:clinking-beer-mugs"),
+    key: "submission",
+    align: "center",
+    width: 120,
+  },
+  {
+    title: renderTableTitle("通过率", "streamline-emojis:clapping-hands-1"),
+    key: "rate",
+    align: "center",
+    width: 120,
+  },
 ]
 
 function rowProps(row: ProblemFiltered) {

src/oj/contest/pages/rank.vue

@@ -8,6 +8,7 @@ import { secondsToDuration } from "utils/functions"
 import { ContestStatus } from "~/utils/constants"
 import { useContestStore } from "~/oj/store/contest"
 import { Icon } from "@iconify/vue"
+import { renderTableTitle } from "~/utils/renders"
 
 interface Props {
   contestID: string
@@ -44,15 +45,18 @@ const query = reactive({
 
 const columns = ref<DataTableColumn<ContestRank>[]>([
   {
-    title: "排名",
+    title: renderTableTitle("编号", "fluent-emoji-flat:input-numbers"),
     key: "id",
-    width: 60,
+    width: 80,
     fixed: "left",
     align: "center",
     render: (_, index) => index + (query.page - 1) * query.limit + 1,
   },
   {
-    title: "用户",
+    title: renderTableTitle(
+      "用户",
+      "streamline-emojis:smiling-face-with-sunglasses",
+    ),
     key: "username",
     width: 120,
     fixed: "left",
@@ -69,9 +73,12 @@ const columns = ref<DataTableColumn<ContestRank>[]>([
       ),
   },
   {
-    title: "正确数/总提交",
+    title: renderTableTitle(
+      "正确数/总提交",
+      "streamline-emojis:artist-palette",
+    ),
     key: "submission",
-    width: 120,
+    width: 140,
     align: "center",
     render: (row) => h(AcAndSubmission, { rank: row }),
   },
@@ -133,9 +140,9 @@ async function addColumns() {
             if (status.is_first_ac) {
               acTime = [
                 h(Icon, {
-                  icon: "openmoji:1st-place-medal",
-                  height: 24,
-                  width: 24,
+                  icon: "fluent-emoji:1st-place-medal",
+                  height: 20,
+                  width: 20,
                 }),
                 h("span", secondsToDuration(status.ac_time)),
               ]