网页组件-列表筛选器

概述

列表筛选器是网页组件的一种。
该组件在编辑器中的位置如下图所示：

添加方式

从组件工具栏将列表筛选器组件拖拽到编辑器面板。

属性配置

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

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

筛选器设置
显示方式：当前有单选和多选两种选项。

搜索器：可选择显示或不显示。

选择主题：可以设置组件的主题颜色，当前有四种主题色可以选择。

组件名称：可以对当前组件命名。

字体：可选择字体样式。

字号：文字的大小。

字重：设置文字粗细。

文字颜色：文字的颜色。

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

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

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

边框颜色：可以设置容器的边框颜色。

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

可设置组件的边框类型，包括实线、虚线、无边框。
手动输入数值或点击（ ）按键，改变边框粗细。

筛选器名称：勾选设置标题。

标题：在此处输入标题名称。

字体：可选择字体样式。

字号：文字的大小。

字重：设置文字粗细。

文字颜色：文字的颜色。

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

布局：布局样式，包括左右和上下。

重置主题样式：一键还原为组件初始化的样式。

数据源连接

列表筛选器组件配置数据源后，可以通过筛选数据显示对应内容。列表筛选器连接的数据源，支持自动获取和手动设置。可以设置选项名称和入参值。与其他组件连接后，点击选项即可显示对应选项的数据详情。