搜索 Search

概述

搜索提供了用户进行文本查询的功能,用户可以针对当前页面的内容通过精确搜索和模糊搜索进行内容筛选和定位,提高查询效率。

类型

image.png

类型细节规范

页面内容搜索

image.png

场景描述:适用于二级页面内的内容搜索,且导航栏需要展示标题,不适合放搜索框的场景,该搜索相对于标题栏直接显示搜索栏的样式较没那么引起用户关注,搜索场景不作为主要功能,只是作为扩展场景规范描述:1.可以默认隐藏,下拉后显示2.滚动页面后搜索隐藏

全局搜索

image.png

场景描述:适用于全局搜索场景,顶部和搜索栏统一,强调搜索能力,引起用户关注规则描述:1.搜索栏左侧操作项可选择显示或者隐藏2.搜索栏右侧可以放一个按钮,也可以选择不放3.操作项可以为返回、筛选等按钮,只允许1个4.搜索栏激活后出现取消按钮

image.png

安卓化

Android激活搜索后进入搜索模式

image.png

1.点击“返回”退出搜索状态2.当键盘无搜索按钮时,右侧会提供“搜索”按钮;当键盘有搜索按钮时,直接通过键盘提交,右侧不提供“搜索”按钮