remove element-plus icons.

src/oj/rank/components/Index.vue

@@ -1,4 +1,8 @@
 <script lang="ts" setup>
+import Medal1 from "~/shared/icons/Medal1.vue"
+import Medal2 from "~/shared/icons/Medal2.vue"
+import Medal3 from "~/shared/icons/Medal3.vue"
+
 interface Props {
   page: number
   limit: number
@@ -7,12 +11,6 @@ interface Props {
 
 const props = defineProps<Props>()
 const index = computed(() => props.index + (props.page - 1) * props.limit + 1)
-const color = computed(() => {
-  if (index.value === 1) return "#FFD700"
-  if (index.value === 2) return "#C0C0C0"
-  if (index.value === 3) return "rgb(191,173,111)"
-  return ""
-})
 const tooltip = computed(() => {
   if (index.value === 1) return "🏅 金牌"
   if (index.value === 2) return "🥈 银牌"
@@ -24,15 +22,12 @@ const tooltip = computed(() => {
   <span v-if="index > 3">{{ index }}</span>
   <n-tooltip v-else>
     <template #trigger>
-      <n-icon class="icon" size="20">
-        <i-ep-medal :color="color" />
+      <n-icon :size="20">
+        <Medal1 v-if="index === 1" />
+        <Medal2 v-if="index === 2" />
+        <Medal3 v-if="index === 3" />
       </n-icon>
     </template>
     {{ tooltip }}
   </n-tooltip>
 </template>
-<style scoped>
-.icon {
-  transform: translateY(4px);
-}
-</style>