跳到主要内容

筛选菜单

商品列表页面、的筛选,查询订单页面的筛选。


下拉筛选

用于订单列表页面的筛选。

CoDesign 设计稿

交互规则

  1. 点击筛选图标弹出下拉抽屉。
  2. 筛选唯度有多个,筛选条件为单选,选择完筛选条件后点击确定按钮触发筛选,并收起抽屉。
  3. 点击重置按钮,清除全部已选选项。

侧边筛选

用于商品列表页面的筛选。

CoDesign 设计稿

交互规则

  1. 点击筛选图标从屏幕右侧弹出抽屉。
  2. 筛选唯度有多个,筛选条件为多选,每选择一个筛选条件都会触发筛选,按钮对应显示符合筛选条件的结果数量,点击确定按钮收起抽屉。
  3. 点击重置按钮,清除全部已选选项,按钮显示全部数量。