From c2ee0d0b78f3ff493784ac15a8ae9f609fa095f0 Mon Sep 17 00:00:00 2001
From: elseif <else.switch@gmail.com>
Date: Fri, 15 Mar 2024 15:40:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=90=9C=E7=B4=A2=E9=AB=98=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/aside/comp/AdvanceFilter.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/views/home/aside/comp/AdvanceFilter.vue b/src/views/home/aside/comp/AdvanceFilter.vue
index 4eaea32..3adf9cd 100644
--- a/src/views/home/aside/comp/AdvanceFilter.vue
+++ b/src/views/home/aside/comp/AdvanceFilter.vue
@@ -107,9 +107,12 @@ function generateFilterEntityList(data) {
       }
     })
 
+    const reg = new RegExp(keyword.value, 'gi')
+    const hilightText = searchname.replace(reg, `<span style='color:#FF0000'>${keyword.value}</span>`)
+
     return {
       id,
-      name: searchname,
+      name: hilightText,
       favorite: iztop,
       isDefaultFilter: false,
       filterList: list,
@@ -184,7 +187,7 @@ function unFavoriteHandler(event: MouseEvent, item) {
               <li v-for="(item, index) in data" :key="index" style="display: flex;align-items: center;" @click="selectHandler(item)">
                 <SvgIcon v-if="item.favorite && !item.isDefaultFilter" name="favorite-fill" color="#fd9b0a" size="18" @click="unFavoriteHandler($event, item)" />
                 <SvgIcon v-else-if="!item.favorite && !item.isDefaultFilter" name="favorite-unfill" size="18" @click="favoriteHandler($event, item)" />
-                {{ item.name }}
+                <div v-html="item.name" />
               </li>
             </ul>
           </div>