跳到主要内容

滑动输入条

使用滑块的形式展示数字类的数据。

何时使用

  • 当用户需要在数值区间或自定义区间内进行选择时,可以用于连续值或离散值的选择。

一、属性

**引用标识:**详见通用属性。

1. 数据

**数据绑定:**详见通用模块中的 数据绑定

**初始值:**可以根据需要设置滑块的初始值,支持手动赋值或页面参数方式。

滑块初始值示例

2. 功能

滑块功能示例

**双滑块模式:**提供两个可选择的滑块,实现区间范围的筛选(当前版本不支持)。

双滑块示意

**最小值 & 最大值:**设置滑块区间的范围。

**单步长:**移动滑块的最小步长。

**提示模式:**分为三种:显示、不显示和移入显示。

  • 显示(不需要光标移动到滑块上,一直显示数值):

    显示模式

  • 不显示(无论光标是否移动到滑块上,数值都不显示):

    不显示模式

  • 移入显示(光标移动到滑块上时显示):

    移入显示模式

**垂直布局:**改变滑块的布局方式。

垂直布局

**反向坐标轴:**提供滑块相对于常规运动方向的相反参照系。

反向坐标轴

3. 状态属性

**禁用:**滑块变为不可选择状态。

禁用状态

其他属性详见通用属性。

二、规则

详见通用属性。

三、样式

详见通用属性。

常见使用场景

  1. 表单进行数据录入时,使用滑块进行更加直观的数据选择。

表单示例