跳到主要内容

数字输入框

用于数字输入场景。

何时使用​

用在只能进行数字输入的场景，例如：

  • 商品数量输入
  • 班级人数
  • 身高
  • 评分输入

一、属性​

1. 数据​

  • 数据绑定： 绑定父组件的数据源下的字段，详见数据绑定。

  • 初始值： 初始值是数字输入框初始化的值，可以手动赋值，也可以配置成视图参数。

2. 功能​

功能属性面板

2.1 占位提示​

提示用户输入内容、格式等：

2.2 最小值 & 最大值​

设置可输入的范围，超出范围的值不被接受。例如：年龄最小为 1，最大为 100。

2.3 前置标签 & 后置标签​

  • 前置文字标签：

  • 前置图标标签：

  • 后置文字标签：

  • 后置图标标签：

2.4 前缀​

  • 文字前缀：

  • 图标前缀：

2.5 增减按钮​

用于点击按钮进行数值增减，默认开启：

增减按钮

2.6 设置步长​

增减按钮每次点击后，按设定的步长变化值。

3. 外观​

支持配置尺寸和边框：

3.1 尺寸​

支持小 / 中 / 大三种尺寸：

尺寸对比

3.2 显示边框​

可选择是否显示边框，默认开启：

4. 状态​

详见通用状态

二、常见使用场景​

1. 输入商品数量​

输入商品数量

2. 设置商品价格​

设置商品价格

3. 统计人数​

统计人数