Skip to main content

搜索选择

用于需要从很多可选目标列表中快速定位目标。


页面结构

1.弹出标题:当前选择列表的标题。

2.搜索框:输入关键字进行搜索。

3.搜索列表:可搜索的数据列表。

基础选择

点击后自动隐藏弹出,并回填数据到输入框中。

交互规则

  • 在输入关键词过程中,搜索框右侧会出现删除图标,点击即可一键清除输入的内容。
  • 完成输入后,失去光标,系统自动将搜索结果罗列出来,无需手动确认。

设计指南

  • 支持单选/多选,单选场景建议提供默认的选中选项。