UI 组件类型 · 复合组件 / Search Results
Search Results
展示搜索命中、摘要、筛选和空结果反馈的结构
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 内容与数据展示
What · 是什么
- 定义
- 展示搜索命中、摘要、筛选和空结果反馈的结构
- 组成与状态
- 触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口（按场景取舍）
Why · 为什么
- 作用
- 展示搜索命中、摘要、筛选和空结果反馈的结构
Where · 在哪里
- 适用场景
- Web 界面设计、Loading、Skeleton
How · 怎么做
- 检查清单
- 定义用途；明确结构与状态；覆盖键盘/触摸/读屏；处理加载、错误和空状态；验证响应式与焦点顺序。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表，并包含反向关联。
- Directory / Listing GridDirectory / Listing Grid反向 · 应用于
将组织、资源、产品、人员或地点按筛选和排序组织成目录。
- Job ListingJob Listing反向 · 应用于
让候选人搜索、筛选、比较职位并进入申请流程。
- Pagination / Load MorePagination / Load More反向 · 应用于
将较大的结果集合拆分成可控制的批次，并让用户继续浏览。
- Partner DirectoryPartner Directory反向 · 应用于
按地区、能力、行业或集成方式浏览合作伙伴和服务提供方。
- Search Suggestions / CommandSearch Suggestions / Command反向 · 应用于
在用户输入过程中提供建议、命令、历史和可直接执行的结果。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与数据展示Content & Data Display属于
用于呈现文本、媒体、对象、列表、表格、指标和关系数据的组件。
- Filter SummaryFilter Summary反向 · 属于
展示已应用筛选及清除入口
- No Results MessageNo Results Message反向 · 属于
在没有命中时解释结果并提供下一步
- Query SummaryQuery Summary反向 · 属于
说明当前查询条件和命中数量的信息
- Result ExcerptResult Excerpt反向 · 属于
展示与查询相关的摘要片段
- Result ItemResult Item反向 · 属于
承载一条搜索命中的结果单元
- Result MetadataResult Metadata反向 · 属于
展示来源、时间、标签等辅助信息
- Result TitleResult Title反向 · 属于
链接到结果目标的标题
- LoadingLoading应用于
组件正在等待异步结果的状态。
- SkeletonSkeleton应用于
内容结构已知但数据尚未到达的占位状态。