网页组件-分段筛选器

概述

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

添加方式

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

属性配置

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

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

筛选器设置
显示方式：当前有日期框和分段日期两种选项，可以通过勾选，选择显示或隐藏。

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

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

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

下拉框效果：可以勾选设置下拉框效果。

下拉高度：下拉框的高度。单位为像素。可以输入数值自定义高度。

日期框设置
图标：将已上传素材库中的图标图片拖拽到此处。

字体：可选择字体样式。

字号：文字的大小。

字重：设置文字粗细。

文字颜色：文字的颜色。

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

背景：组件的背景颜色。

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

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

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

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

分段日期当前状态
字体：可选择字体样式。

字号：文字的大小。

字重：设置文字粗细。

文字颜色：文字的颜色。

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

背景：组件的背景颜色。

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

分段日期选中状态
字号：文字的大小。

字重：设置文字粗细。

文字颜色：文字的颜色。

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

背景：组件的背景颜色。

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

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

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

字体：可选择字体样式。

字号：文字的大小。

字重：设置文字粗细。

颜色：文字的颜色。

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

数据源连接

分段筛选器组件配置数据源后，可以筛选日历时间范围，添加时间段约束。与其他组件连接后，点击选项即可查看相应时间段的数据详情。