网页组件-按钮切换筛选
概述
按钮切换筛选器是网页组件的一种。
该组件在编辑器中的位置如下图所示:

添加方式
从组件工具栏将按钮切换筛选器组件拖拽到编辑器面板。

属性配置
文本大小:包括组件的宽度和高度,单位为像素。
- 可以输入数值自定义大小。
 - 也可以通过拖拽的方式改变组件的宽高。
 


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

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

字体:可选择字体样式。

字号:文字的大小。

字重:设置文字粗细。

文字颜色:文字的颜色。
- 在颜色调色板中选择颜色和透明度。
 - 手动输入RGB、HSL、Hex数值,改变颜色。
 

布局:布局样式,包括左右和上下。

筛选器设置
字号:文字的大小。

字体颜色:文字的颜色。
- 在颜色调色板中选择颜色和透明度。
 - 手动输入RGB、HSL、Hex数值,改变颜色。
 

背景颜色:组件的背景颜色。
- 在颜色调色板中选择颜色和透明度。
 - 手动输入RGB、HSL、Hex数值,改变颜色。
 

选中颜色:选中状态下的颜色。
- 在颜色调色板中选择颜色和透明度。
 - 手动输入RGB、HSL、Hex数值,改变颜色。
 

边框:可以设置容器的边框颜色。
- 在颜色调色板中选择颜色和透明度。
 - 手动输入RGB、HSL、Hex数值,改变颜色。
 

可选择显示方式,包括单选和多选。

可选择显示方向,包括横向和竖向。

标签大小:包括标签的宽度和高度,单位为像素。可以输入数值自定义大小。

 
数据源连接
按钮切换筛选组件连接的数据源,支持自动获取和手动设置。可以设置显示内容和传参值。与其他组件联动,点击按钮即可切换筛选对应的数据详情。
