feat: 搜索高亮

bak
elseif 1 year ago
parent 995f994bf4
commit c2ee0d0b78

@ -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 { return {
id, id,
name: searchname, name: hilightText,
favorite: iztop, favorite: iztop,
isDefaultFilter: false, isDefaultFilter: false,
filterList: list, 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)"> <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-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)" /> <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> </li>
</ul> </ul>
</div> </div>

Loading…
Cancel
Save