From 7421ec8984ce2ee3edad053feceb95695594cb46 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Sat, 6 Sep 2025 10:07:42 +0800
Subject: [PATCH] feat: switch dropdown icons to IconPark

---
 frontend_nuxt/components/Dropdown.vue    | 12 ++++++++----
 frontend_nuxt/plugins/iconpark.client.ts |  2 ++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend_nuxt/components/Dropdown.vue b/frontend_nuxt/components/Dropdown.vue
index a580cc510..1ae151e98 100644
--- a/frontend_nuxt/components/Dropdown.vue
+++ b/frontend_nuxt/components/Dropdown.vue
@@ -45,7 +45,7 @@
           </span>
           <span v-else class="placeholder">{{ placeholder }}</span>
         </template>
-        <i class="fas fa-caret-down dropdown-caret"></i>
+        <down class="dropdown-caret" />
       </slot>
     </div>
     <div
@@ -54,7 +54,7 @@
       v-click-outside="close"
     >
       <div v-if="showSearch" class="dropdown-search">
-        <i class="fas fa-search search-icon"></i>
+        <search-icon class="search-icon" />
         <input type="text" v-model="search" placeholder="搜索" />
       </div>
       <div v-if="loading" class="dropdown-loading">
@@ -85,12 +85,12 @@
     <Teleport to="body">
       <div v-if="open && isMobile" class="dropdown-mobile-page">
         <div class="dropdown-mobile-header">
-          <i class="fas fa-arrow-left" @click="close"></i>
+          <left class="back-icon" @click="close" />
           <span class="mobile-title">{{ placeholder }}</span>
         </div>
         <div class="dropdown-mobile-menu">
           <div v-if="showSearch" class="dropdown-search">
-            <i class="fas fa-search search-icon"></i>
+            <search-icon class="search-icon" />
             <input type="text" v-model="search" placeholder="搜索" />
           </div>
           <div v-if="loading" class="dropdown-loading">
@@ -376,6 +376,10 @@ export default {
   border-bottom: 1px solid var(--normal-border-color);
 }
 
+.back-icon {
+  cursor: pointer;
+}
+
 .dropdown-mobile-menu {
   flex: 1;
   overflow-y: auto;
diff --git a/frontend_nuxt/plugins/iconpark.client.ts b/frontend_nuxt/plugins/iconpark.client.ts
index 72c6bc176..26ec9c3e8 100644
--- a/frontend_nuxt/plugins/iconpark.client.ts
+++ b/frontend_nuxt/plugins/iconpark.client.ts
@@ -16,6 +16,7 @@ import {
   TagOne,
   MedalOne,
   Next,
+  Left,
   DropDownList,
   MoreOne,
   SunOne,
@@ -55,6 +56,7 @@ export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.component('TagOne', TagOne)
   nuxtApp.vueApp.component('MedalOne', MedalOne)
   nuxtApp.vueApp.component('Next', Next)
+  nuxtApp.vueApp.component('Left', Left)
   nuxtApp.vueApp.component('DropDownList', DropDownList)
   nuxtApp.vueApp.component('MoreOne', MoreOne)
   nuxtApp.vueApp.component('SunOne', SunOne)