feat: 更新网站页面和组件,新增多个页面(关于、专家、会员、政策等)
This commit is contained in:
41
app/pages/search.vue
Normal file
41
app/pages/search.vue
Normal file
@@ -0,0 +1,41 @@
|
||||
<template>
|
||||
<section class="py-10">
|
||||
<a-typography-title :level="1" class="!mb-2">站内搜索</a-typography-title>
|
||||
<a-typography-paragraph class="!text-gray-600 !mb-6">
|
||||
支持按栏目 / 时间 / 关键词筛选(待接入全文检索与权限控制)。
|
||||
</a-typography-paragraph>
|
||||
|
||||
<a-input-search
|
||||
v-model:value="q"
|
||||
placeholder="请输入关键词"
|
||||
:allow-clear="true"
|
||||
:maxlength="50"
|
||||
enter-button="搜索"
|
||||
@search="onSearch"
|
||||
/>
|
||||
|
||||
<a-card class="mt-6" size="small">
|
||||
<div class="text-sm text-gray-600">
|
||||
当前关键词:<span class="font-mono">{{ q || '-' }}</span>
|
||||
</div>
|
||||
</a-card>
|
||||
|
||||
<a-result class="mt-6" status="info" title="搜索结果建设中" sub-title="接入全文检索后将在此展示结构化结果列表。" />
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { usePageSeo } from '@/composables/usePageSeo'
|
||||
|
||||
const route = useRoute()
|
||||
const q = ref(String(route.query.q || '').trim())
|
||||
|
||||
usePageSeo({ title: '站内搜索', description: '站内搜索与筛选入口。', path: '/search' })
|
||||
|
||||
function onSearch(value: string) {
|
||||
const next = String(value || '').trim()
|
||||
q.value = next
|
||||
navigateTo({ path: '/search', query: next ? { q: next } : {} })
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user