“搜索筛选组件”需要结合“列表组件”一起使用,先添加列表组件进行设置,再添加“搜索筛选组件”进行关联。

1.设置交互/链接

在【导航列表-菜单导航】添加“列表搜索筛选”组件,设置“交互/链接”事件选择“关联其他动作”,关联对象选择被搜索筛选的列表组件。

2.设置样式及搜索筛选范围

组件提供三种样式,分别为:搜索筛选、热词/分类筛选、搜素+热词/分类筛选

2.1样式一:搜索栏+筛选

点击组件,在“功能样式”选择第一个样式,在“选项设置”查看对应功能,点击编辑在弹窗中设置,添加“搜索”设置搜索范围、添加“筛选项”设置筛选条件、添加排序可选择排序规则。

2.2样式二:热词/分类筛选

点击组件,在“功能样式”选择第二个样式,在“选项设置”查看对应功能,点击编辑在弹窗中设置。搜索范围为必选项(搜索框在移动端不显示)在【可添加】版块选择需要展示的热词/字段(类型、标签、自定义关键词),在【已添加】版块可调整排序。

2.3样式三:搜索+热词/分类筛选

点击组件,在“功能样式”选择第三个样式。该样式是样式一和二的组合,点击设置搜索栏和热词筛选即可。

3.设置搜索栏颜色

3.1沿用页面色彩主题(默认设置)

点击“设置页面色彩主题”,跳转至“页面设置”,进行颜色编辑。

3.2自定义色彩主题

选择现有颜色模板,进行应用,再对单个颜色进行重新设置。