svg统一管理

ui/src/components/search/ArtistSearch.vue

@@ -6,10 +6,7 @@
         <input v-model="searchKeyword" type="text" placeholder="输入作者名称或账号搜索..." class="search-input"
           @keyup.enter="handleSearch" />
         <button @click="handleSearch" class="search-btn" :disabled="loading">
-          <svg viewBox="0 0 24 24" fill="currentColor">
-            <path
-              d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
-          </svg>
+          <SvgIcon name="search" />
         </button>
       </div>
 
@@ -47,10 +44,7 @@
 
     <div v-else-if="hasSearched" class="empty-section">
       <div class="empty-content">
-        <svg viewBox="0 0 24 24" fill="currentColor" class="empty-icon">
-          <path
-            d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" />
-        </svg>
+        <SvgIcon name="user" class="empty-icon" />
         <h3>未找到相关作者</h3>
         <p>尝试使用不同的关键词搜索</p>
       </div>