配置样式联动

样式联动即面板的样式支持跟随场景的变化而变化。例如，开关开启时，页面背景为蓝色；开关关闭时，页面背景变为灰色。

概述

本文以空气净化器产品的 空气净化器模版四（新dp） 界面为例，为您介绍如何设置样式联动功能。当切换至不同模式时，模式组件的图标和文字相应切换，即当模式切换至自动模式时，文字显示为自动，图标显示为自动模式对应的图标。

操作步骤

1. 选中目标组件，在属性>模式配置框，单击样式联动。
   
2. 在样式联动页面，单击新建规则。

   说明： 样式规则用于设置特定场景下，面板文字、图标的特定展示的规则，例如设置某个按钮是否隐藏等。

3. 在新增规则页面配置联动规则。例如，模式等于自动模式，那么图标文字为自动。
4. 单击页面右上角预览并扫描二维码，在 App 端体验联动效果。

操作结果：

配置完成后，在 App 端切换模式，面板样式会根据样式规则变化。 示例如下：