---
order: 23
navTitle: 条件指示器
---
# 条件指示器

SuperPage提供了条件指示器的组件，用于显示其他组件上设置的过滤条件，也可以在条件指示器上删除已添加的过滤条件。

![条件指示器](./images/filtersViewer.gif)

## 使用条件指示器{#start}

条件指示器需要结合其他过滤组件一起使用，在[指示条件](#indicative-condition)里选择过滤组件后：

- **显示已添加的条件**：在勾选的过滤组件上选择过滤条件，条件指示器上对应的会增加一个板块显示该过滤条件
- **删除已添加的条件**：在条件指示器上删除过滤条件，对应的过滤组件也会删除该过滤条件。

![条件指示器](./images/filtersViewer1.gif)
[示例地址](https://demo.succbi.com/v5/demo-spg/%E6%9D%A1%E4%BB%B6%E6%8C%87%E7%A4%BA%E5%99%A8)

操作步骤：

1. 在**组件区**>**输入组件**里，拖入一个条件指示器组件到画布中，并设置标题为`所有分类`
2. 在**条件指示**>**指示条件**下拉框里勾选需要展示过滤条件的组件

## 指示条件设置{#Indicative-condition}

在**条件指示**属性栏>**指示条件**属性的下拉列表中，显示了当前页面中所有的过滤组件，被勾选的组件产生的条件会显示在条件指示器上。

## 条件指示器样式设置{#style-setting}

在样式属性栏提供了面板和选项的样式设置：

- **面板**：设置整个条件指示器组件的样式。包括标题、边距、条件样式等。
- **选项**：设置每个过滤条件的样式。包括字体、背景填充、圆角等。