🧭 导航组件
导航和搜索组件，帮助用户快速找到目标内容。
组件列表 (1个)
| # | 组件 | 中文名称 | Figma 链接 | 状态 |
|---|---|---|---|---|
| 1 | SearchPage | 搜索（结果Tab） | 查看设计稿 | 已经发布 |
使用场景
导航组件适用于：
- ✅ 搜索结果页
- ✅ 站内搜索
- ✅ 产品筛选
功能特点
SearchPage
- 搜索输入框
- 搜索建议
- 结果分类 Tab
- 搜索历史
- 热门搜索
导入方式
import { SearchPage } from '@anker-in/headless-ui/biz'
export default function Search() {
return <SearchPage data={searchData} />
}最佳实践
- 快速响应 - 实时搜索建议
- 智能纠错 - 拼写纠正
- 结果分类 - Tab 切换不同类型结果
- 历史记录 - 保存用户搜索历史
- 热门推荐 - 展示热门搜索词
SEO 优化
- ✅ 使用语义化 HTML
- ✅ 搜索结果页可被索引
- ✅ 合理的 URL 结构
- ✅ 面包屑导航
Last updated on