跳到主要内容

搜索框

商城页面中不同场景下的搜索框模块。

CoDesign 设计稿

商城搜索​

对所输入关键词的数据搜索，支持模糊搜索匹配。

带筛选的搜索​

可以点击文字标签切换搜索类型，进行特定类型的数据的搜索，支持模糊搜索匹配。

店铺搜索​

默认搜索当前店铺的数据，也可以选择搜索全站，支持模糊搜索匹配。

交互状态​

点击搜索框，出现下拉面板，可通过选择热门搜索关键词快捷搜索。

选择热门搜索关键词跳转商品搜索结果页面，点击搜索框，出现下拉面板，可选择更精准的关键词。

交互规则​

当页面滚动时，搜索栏区域置顶。

悬停商品按钮，出现店铺的下拉选择面板。