chore: use iconpark icons in points page

refactor: switch notification icons to iconpark

frontend_nuxt/components/SearchDropdown.vue

@@ -24,7 +24,7 @@
       </template>
       <template #option="{ option }">
         <div class="search-option-item">
-          <i :class="['result-icon', iconMap[option.type]]"></i>
+          <component :is="iconMap[option.type]" class="result-icon" />
           <div class="result-body">
             <div class="result-main" v-html="highlight(option.text)"></div>
             <div v-if="option.subText" class="result-sub" v-html="highlight(option.subText)"></div>
@@ -83,11 +83,12 @@ const highlight = (text) => {
 }
 
 const iconMap = {
-  user: 'fas fa-user',
-  post: 'fas fa-file-alt',
-  comment: 'fas fa-comment',
-  category: 'fas fa-folder',
-  tag: 'fas fa-hashtag',
+  user: 'UserIcon',
+  post: 'FileText',
+  post_title: 'FileText',
+  comment: 'CommentIcon',
+  category: 'Inbox',
+  tag: 'TagOne',
 }
 
 watch(selected, (val) => {

frontend_nuxt/components/TagSelect.vue

@@ -10,14 +10,14 @@
     <template #option="{ option }">
       <div class="option-container">
         <div class="option-main">
-          <template v-if="option.icon">
+          <template v-if="option.smallIcon || option.icon">
             <BaseImage
-              v-if="isImageIcon(option.icon)"
-              :src="option.icon"
+              v-if="isImageIcon(option.smallIcon || option.icon)"
+              :src="option.smallIcon || option.icon"
               class="option-icon"
               :alt="option.name"
             />
-            <i v-else :class="['option-icon', option.icon]"></i>
+            <component v-else :is="option.smallIcon || option.icon" class="option-icon" />
           </template>
           <span>{{ option.name }}</span>
           <span class="option-count" v-if="option.count > 0"> x {{ option.count }}</span>

frontend_nuxt/pages/points.vue

@@ -238,18 +238,18 @@ const loading = ref(false)
 const selectedGood = ref(null)
 
 const iconMap = {
-  POST: 'fas fa-file-alt',
-  COMMENT: 'fas fa-comment',
-  POST_LIKED: 'fas fa-thumbs-up',
-  COMMENT_LIKED: 'fas fa-thumbs-up',
-  INVITE: 'fas fa-user-plus',
-  SYSTEM_ONLINE: 'fas fa-clock',
-  REDEEM: 'fas fa-gift',
-  FEATURE: 'fas fa-star',
-  LOTTERY_JOIN: 'fas fa-ticket-alt',
-  LOTTERY_REWARD: 'fas fa-ticket-alt',
-  POST_LIKE_CANCELLED: 'fas fa-thumbs-down',
-  COMMENT_LIKE_CANCELLED: 'fas fa-thumbs-down',
+  POST: 'file-text',
+  COMMENT: 'comment-icon',
+  POST_LIKED: 'like',
+  COMMENT_LIKED: 'like',
+  INVITE: 'add-user',
+  SYSTEM_ONLINE: 'history-icon',
+  REDEEM: 'gift',
+  FEATURE: 'star',
+  LOTTERY_JOIN: 'medal-one',
+  LOTTERY_REWARD: 'fireworks',
+  POST_LIKE_CANCELLED: 'clear-icon',
+  COMMENT_LIKE_CANCELLED: 'clear-icon',
 }
 
 const loadTrend = async () => {

frontend_nuxt/pages/users/[id].vue

@@ -368,11 +368,11 @@ const selectedTab = ref(
     : 'summary',
 )
 const tabs = [
-  { key: 'summary', label: '总结', icon: 'ChartLine' },
-  { key: 'timeline', label: '时间线', icon: 'AlarmClock' },
-  { key: 'following', label: '关注', icon: 'AddUser' },
-  { key: 'favorites', label: '收藏', icon: 'Bookmark' },
-  { key: 'achievements', label: '勋章', icon: 'MedalOne' },
+  { key: 'summary', label: '总结', icon: 'chart-line' },
+  { key: 'timeline', label: '时间线', icon: 'alarm-clock' },
+  { key: 'following', label: '关注', icon: 'add-user' },
+  { key: 'favorites', label: '收藏', icon: 'bookmark' },
+  { key: 'achievements', label: '勋章', icon: 'medal-one' },
 ]
 const followTab = ref('followers')