feat: 为搜索页栏目添加图片缩略图功能

- 图片预览:产品与解决方案栏目添加缩略图功能
- 组件提取:在搜索结果页,将单个搜索结果单独提取为组件SearchResultCard
This commit is contained in:
2025-12-05 14:56:24 +08:00
parent 246a0b9d4f
commit c9b5b1fad9
5 changed files with 84 additions and 10 deletions

View File

@ -6,16 +6,7 @@
:key="`${hit.type}-${hit.id}`"
:to="localePath(resolveHitLink(hit))"
>
<el-card class="result-card">
<h3 class="result-title">{{ hit.title }}</h3>
<p v-if="hit.summary" class="result-summary">
{{ hit.summary }}
</p>
<p v-if="hit.type" class="result-type">
<span>{{ $t('search.section') }}: </span>
<span class="result-type-name">{{ getIndexLabel(hit.type) }}</span>
</p>
</el-card>
<search-result-card :item="hit" :type-label="getIndexLabel(hit.type)" />
</NuxtLink>
</div>