网页组件-文本筛选框

概述

文本筛选框是网页组件的一种。可以通过筛选数据显示对应的文本内容。
该组件在编辑器中的位置如下图所示：

添加方式

从组件工具栏将文本筛选框组件拖拽到编辑器面板。

属性配置

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

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

文本属性
字体：可选择字体样式。

方向：文本方向，包括横向和纵向。

字重：设置文字粗细。

可以设置文字颜色、字号、行间距。

方向：文字的对齐方式，包括左对齐、居中对齐、右对齐。

背景色：文本框背景色，支持渐变，点击（ ）改变渐变方向。

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

边框：可以设置边框的颜色、类型（实线、虚线、无边框）、粗细。

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

圆角：文本框的圆角。默认是零，拉拽或输入数值可改变圆角大小。

文本：在此处输入文本。

页面列表：可以设置点击跳转的页面，通过点击组件进行页面跳转。

触发方式：弹框的触发方式，包括划过显示和点击显示。

阴影：勾选显示组件的背景阴影，取消勾选则无阴影。

可设置阴影的颜色。

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

隐藏/移动：与动态面板搭配使用（具体操作详见动态面板组件）。

数据源连接

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