筛选栏 Filter

筛选栏是一种通过设定过滤条件和排序方式筛选数据的容器，通常位于列表上方。

尺寸

• 筛选栏宽度为父容器的100%，高度固定 48px。
• 所有筛选项总宽度未超出父容器宽度时，每个筛选项宽度等分父容器。
• 所有筛选项总宽度超出父容器宽度时，每个筛选项宽度自适应，靠左对齐，可横向滑动。

筛选类型

根据B端产品业务的复杂性，筛选的类型分为「单选、复选、级联选、筛选页、高级筛选面板」5 类。

单选

单选是在该维度下有且只有一种可选信息，以滚轮形式展示，支持上下滚动。点击选项完成选择并退出下拉菜单。

复选

点选根据筛选内容，可单选也可多选，多用于价格的筛选样式，支持自定义数据输入。点击确定按钮完成选择并退出下拉菜单，点击重置按钮重置过滤项。

级联选

当该维度筛选内容下包含多种分类，并需要进行选择时，采用级联筛选。级联筛选可有效的对复杂信息进行分类，便于用户理解和选择。

筛选页

选项较多时可以将某一个筛选项以页面的形式进行选择，方便用户能够在更大的操作空间中进行决策，如：人员选择等。

高级筛选

通过点击筛选按钮触发右侧抽屉承载更多过滤项，点击遮罩区域关闭。

• 点击重置按钮重置高级筛选。
• 点击确定按钮完成筛选并退出高级筛选抽屉。