update icons

src/oj/rank/components/Index.vue

@@ -20,10 +20,10 @@ const tooltip = computed(() => {
   <span v-if="index > 3">{{ index }}</span>
   <n-tooltip v-else>
     <template #trigger>
-      <n-icon :size="20">
-        <Icon v-if="index === 1" icon="openmoji:1st-place-medal"></Icon>
-        <Icon v-if="index === 2" icon="openmoji:2nd-place-medal"></Icon>
-        <Icon v-if="index === 3" icon="openmoji:3rd-place-medal"></Icon>
+      <n-icon :size="24">
+        <Icon v-if="index === 1" icon="fluent-emoji:1st-place-medal"></Icon>
+        <Icon v-if="index === 2" icon="fluent-emoji:2nd-place-medal"></Icon>
+        <Icon v-if="index === 3" icon="fluent-emoji:3rd-place-medal"></Icon>
       </n-icon>
     </template>
     {{ tooltip }}

src/oj/rank/list.vue

@@ -6,6 +6,7 @@ import { Rank } from "utils/types"
 import { getRank } from "oj/api"
 import { getACRate } from "utils/functions"
 import Index from "./components/Index.vue"
+import { renderTableTitle } from "~/utils/renders"
 
 const router = useRouter()
 const data = ref<Rank[]>([])
@@ -28,15 +29,18 @@ async function listRanks() {
 
 const columns: DataTableColumn<Rank>[] = [
   {
-    title: "排名",
+    title: renderTableTitle("排名", "streamline-emojis:flexed-biceps-1"),
     key: "index",
-    width: 80,
+    width: 100,
     align: "center",
     render: (_, index) =>
       h(Index, { index, page: query.page, limit: query.limit }),
   },
   {
-    title: "用户",
+    title: renderTableTitle(
+      "用户",
+      "streamline-emojis:smiling-face-with-sunglasses",
+    ),
     key: "username",
     width: 200,
     render: (row) =>
@@ -50,13 +54,31 @@ const columns: DataTableColumn<Rank>[] = [
         () => row.user.username,
       ),
   },
-  { title: "个性签名", key: "mood", minWidth: 200 },
-  { title: "已解决", key: "accepted_number", width: 100 },
-  { title: "提交数", key: "submission_number", width: 100 },
   {
-    title: "正确率",
+    title: renderTableTitle(
+      "个性签名",
+      "streamline-emojis:no-one-under-eighteen",
+    ),
+    key: "mood",
+    minWidth: 200,
+  },
+  {
+    title: renderTableTitle("已解决", "streamline-emojis:raised-fist-1"),
+    key: "accepted_number",
+    width: 120,
+    align: "center",
+  },
+  {
+    title: renderTableTitle("提交数", "streamline-emojis:rocket"),
+    key: "submission_number",
+    width: 120,
+    align: "center",
+  },
+  {
+    title: renderTableTitle("正确率", "streamline-emojis:wrapped-gift-1"),
     key: "rate",
-    width: 100,
+    width: 120,
+    align: "center",
     render: (row) => getACRate(row.accepted_number, row.submission_number),
   },
 ]