搜索可以通过输入内容来查找特定内容,可以用作发现内容的主要手段,或者作为帮助用户查找内容的过滤器。

类型

搜索 - 图1

用法详解

强调型搜索框:
用在全局级别的搜索,多应用于页面顶部。输入内容后,清除图标出现,同时下拉列表显示搜索建议。
搜索 - 图2

基础搜索框:
应用在页面内部。
搜索 - 图3

隐藏型搜索框:
在低频场景中使用,normal状态下仅显示搜索图标,点击后显示搜索框。需注意为隐藏的搜索框预留足够空间。
搜索 - 图4

搜索 - 图5

样式

搜索 - 图6