feat: 修改搜索页的鼠标指针行为 & 调整搜索页组件样式

- 当鼠标指针进入搜索条目卡片时,鼠标指针修改为pointer样式
- 调整分页组件大小
This commit is contained in:
2025-09-23 16:25:41 +08:00
parent 265bc5370a
commit dd05dc5175
2 changed files with 80 additions and 24 deletions

View File

@ -28,31 +28,50 @@
<div v-else-if="hasResults" class="search-results">
<el-tabs v-model="activeTab">
<el-tab-pane :label="`全部(${resultCount['all']})`" name="all">
<search-results :hit-items="hits" />
<search-results
v-model:current-page="currentPage"
:hit-items="hits"
/>
</el-tab-pane>
<el-tab-pane
:label="`产品(${resultCount['production'] || 0})`"
name="production"
>
<search-results :hit-items="hits" category="production" />
<search-results
v-model:current-page="currentPage"
:hit-items="hits"
category="production"
/>
</el-tab-pane>
<el-tab-pane
:label="`解决方案(${resultCount['solution'] || 0})`"
name="solution"
>
<search-results :hit-items="hits" category="solution" />
<search-results
v-model:current-page="currentPage"
:hit-items="hits"
category="solution"
/>
</el-tab-pane>
<el-tab-pane
:label="`相关问题(${resultCount['question'] || 0})`"
name="question"
>
<search-results :hit-items="hits" category="question" />
<search-results
v-model:current-page="currentPage"
:hit-items="hits"
category="question"
/>
</el-tab-pane>
<el-tab-pane
:label="`文档资料(${resultCount['document'] || 0})`"
name="document"
>
<search-results :hit-items="hits" category="document" />
<search-results
v-model:current-page="currentPage"
:hit-items="hits"
category="document"
/>
</el-tab-pane>
</el-tabs>
</div>
@ -118,6 +137,9 @@
return map;
});
// 分类控制
const currentPage = ref(1);
const hasResults = computed(() =>
filteredSections.value.some((section) => section.hits.length > 0)
);