跳到主要内容

SearchBar 搜索框

用于用户输入内容,并查找相关信息,通常位于状态栏下方。


单搜索

每个搜索框分为三种样式。

有取消

有右侧图标

带返回

带返回和右侧图标

品牌搜索

交互状态

搜索框状态:搜索前-默认状态点击后-获取焦点搜索中-输入内容搜索后-输入完成

设计指南

  • 在输入框中预设默认引导信息,提醒用户输入相关内容,比如:商品名称/订单编号
  • 预置的内容请简短清晰,不要过长。