### 何时使用

需要对等差数列（如等差为 10 的数列：0，10，20，30，40，50，60，70...）的小范围精确调整时。

### 组件搭配使用

##### 搭配滑块搭配使用。便于用户可以通过可视化的操作输入数字内容。

<img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/input%20number-1.png"/>

<hr />

##### 与气泡提示搭配使用。数字输入框需考虑数值的范围，超出限定范围则气泡提示，并自动纠正为最近的合理数值。

<img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/%E6%95%B0%E5%AD%97%E8%BE%93%E5%85%A5%E6%A1%86-----2.png"/>

### 常用用法

##### 在数值范围内，可设定默认值（不一定要从最小值开始），帮助用户减少点击次数。

<div class="legend">
  <div class="item">
   <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/input%20number-3.png"/>
  </div>

  <div class="item">
  </div>
</div>

<hr />

##### 在输入数值达到最大或最小限制时，按钮置灰显示，不可点。

<div class="legend">
  <div class="item">
   <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/input%20number-4.png"/>
    <em>图示：到达最小范围时，减少按钮不可点</em>
  </div>

  <div class="item">
   <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/input%20number-5.png"/>
    <em>图示：到达最大范围时，增加按钮不可点</em>

  </div>
</div>
