sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-06 07:40:50 +08:00
Code Activity

search: 默认不显示全部文章

Browse Source
This commit is contained in:
sendevia
2025-10-09 18:44:40 +08:00
parent 7ed26d2805
commit b470cebb69
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
.vitepress/theme/layouts/SearchPosts.vue
View File

@@ -4,9 +4,8 @@ import { useAllPosts } from "../composables/useAllPosts";
const posts = useAllPosts(true);
const query = ref("");
const filteredPosts = computed(() => {
if (!query.value) return posts.value;
if (!query.value) return [];
const q = query.value.toLowerCase();
return posts.value.filter((post) => post.title.toLowerCase().includes(q) || (post.content && post.content.toLowerCase().includes(q)));
});
@@ -15,13 +14,16 @@ const filteredPosts = computed(() => {
<template>
<div class="page-search">
<input v-model="query" placeholder="搜索文章..." class="search-input" />
<div class="search-result" v-if="filteredPosts.length">
<div v-for="post in filteredPosts" :key="post.url">
<a :href="post.url">{{ post.title }}</a>
<span v-if="post.date"> - {{ post.date }}</span>
<div v-if="query">
<div class="search-result" v-if="filteredPosts.length">
<div v-for="post in filteredPosts" :key="post.url">
<a :href="post.url">{{ post.title }}</a>
<span v-if="post.date"> - {{ post.date }}</span>
</div>
</div>
<p v-else>没有找到相关文章。</p>
</div>
<p v-else>没有找到相关文章。</p>
<p v-else>请输入关键词以搜索文章。</p>
</div>
</template>