InputNumber 数字输入框

通过鼠标或键盘，输入范围内的数值。

何时使用

当需要获取标准数值时。

import { HiInputNumber } from 'hi-kits/inputNumber'

基本用法

数字输入框。

    <h-input-number></h-input-number>

Expand Copy Copy

尺寸

三种大小的数字输入框

<h-space  dir="vertical">
    <h-input-number size="small"></h-input-number>
    <h-input-number size="default"></h-input-number>
    <h-input-number size="large"></h-input-number>
</h-space>

Expand Copy Copy

默认值

<h-input-number defaultvalue="5"></h-input-number>

Expand Copy Copy

不可用

<h-input-number disabled></h-input-number>

Expand Copy Copy

限定最小值和最大值(0~9)

<h-input-number min="0" max="9"></h-input-number>

Expand Copy Copy

设定步长值(步长 10)

<h-input-number step="10" defaultvalue="5"></h-input-number>

Expand Copy Copy

设定步长值(步长 0.10)目前只支持小数点后两位

<h-input-number step="0.10" defaultvalue="5"></h-input-number>

Expand Copy Copy

不同对齐方式的输入框

 <h-space  dir="vertical">
    <h-input-number align="left"></h-input-number>
    <h-input-number align="center"></h-input-number>
    <h-input-number align="right"></h-input-number>
</h-space>

Expand Copy Copy

参数说明

参数	说明	类型	可选值	默认值
size	尺寸	string	small | default | large	-
defaultvalue	默认值	number	-	0
min	最小值	number	-	0
min	最小值	number	-	-
min	最大值	number	-	-
step	步长	number	-	-
align	输入数字对齐方式	string	left | center | right	-