网页组件-按钮切换筛选

概述

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

添加方式

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

属性配置

文本大小:包括组件的宽度和高度,单位为像素。

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

Application
Application
筛选器名称:勾选设置标题。
Application
标题:在此处输入标题名称。
Application
字体:可选择字体样式。
Application
字号:文字的大小。
Application
字重:设置文字粗细。
Application
文字颜色:文字的颜色。

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

Application
布局:布局样式,包括左右和上下。
Application
筛选器设置
字号:文字的大小。
Application
字体颜色:文字的颜色。

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

Application
背景颜色:组件的背景颜色。

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

Application
选中颜色:选中状态下的颜色。

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

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

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

Application
可选择显示方式,包括单选和多选。
Application
可选择显示方向,包括横向和竖向。
Application
标签大小:包括标签的宽度和高度,单位为像素。可以输入数值自定义大小。
Application

数据源连接

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