网页组件-动态面板

概述

动态面板是网页组件的一种。
该组件在编辑器中的位置如下图所示：

添加方式

从组件工具栏将动态面板组件拖拽到编辑器面板。

属性配置

宽度：包括组件的宽度和高度，单位为像素。

• 可以输入数值自定义大小。
  
• 也可以通过拖拽的方式改变组件的宽高。
  

背景图片：可自定义背景图片。将已上传素材库中的图片拖拽到此处。

背景色：组件的背景颜色。

• 在颜色调色板中选择颜色和透明度。
  
• 手动输入RGB、HSL、Hex数值，改变颜色。
  

数据源连接

此组件不需要配置数据。
动态面板组件应搭配文字筛选组件使用。具体操作如下： 将文字筛选组件和动态面板组件拖到编辑器页面中。

点击文本筛选组件，在右侧属性栏选择“隐藏”或“移动”。

先点击“隐藏”（或“移动”），然后选中动态面板组件，即可完成关联。
在预览模式或发布态下，点击文本筛选即可隐藏和显示动态面板。 另外，所有组件都可以拖到动态面板中。因此，通过动态面板组件可以实现文本筛选与所有组件的联动，从而实现隐藏、移动等交互。