# 数值与数值区间

数值(区间)组件可实现数值条件过滤,包含两种形式:输入滑块,通过最右侧配置栏中的形式一栏进行切换。

# 输入

输入数值(区间)组件包含四个基本区域。

全局样式

  • 标题

    • 对应最右侧配置栏中的标题内容,修改配置中的标题内容后,画板内会自动同步修改。
  • 查询器(数值区间组件无此区域及配置)

    • 对应最右侧配置栏中的查询器一栏,可在右侧配置里修改查询器默认值(可选值为>>==<=<!=等),默认为>。勾选锁定后查询器将锁定,画板内将不再显示该区域。
  • 数值输入框

    • 对应最右侧配置栏中以下配置
      • 限制范围:规定数值的范围,当设置范围值时,输入框内的数值会在输入框失去焦点时进行范围检查,超出会自动计算为范围最大/最小值。
      • 默认值:数值输入框的默认数值,勾选全局参数后,可以把当前看板中已添加的全局参数值作为组件默认值。
      • 提示:数值输入框没有值时的默认显示文案。
      • 配置:勾选允许清空,则当数值输入框有值时,右侧会出现叉号,点击叉号即可清空输入框。
      • 前缀/后缀:可以为图标、文字或者两者相结合(图标在前),默认出现在输入框内,勾选外部则图标会移动至输入框外。
  • 操作区

    • 对应最右侧配置栏中的步长一栏,每次点击操作区向上箭头即为增加步长值,向下箭头即为减少步长值。

# 滑块

滑块数值(区间)组件包含三个基本区域。

全局样式

  • 标题

    • 对应最右侧配置栏中的标题内容,修改配置中的标题内容后,画板内会自动同步修改。
  • 滑块

    • 对应最右侧配置栏中以下配置
      • 限制范围:规定滑块的范围,滑块滑动时会根据划过的百分比计算出滑块值。
      • 默认值:数值滑块的默认值。
      • 步长:滑块滑动一次增加或减少的最小值。
      • 颜色:设置滑块的轨道和圆点颜色。
      • 显示方向:滑块展示方向,默认水平,勾选垂直后滑块变为垂直展示。
  • 标签

    • 对应最右侧配置栏中以下配置
      • 后缀:只能是文本,会拼接在滑块数值的后边进行展示(通常用来做单位)。
      • 颜色:设置标签的背景色。
Last Updated: 9/26/2024, 1:51:37 PM