## xnumber(id, options)
数字输入框
| 参数 | 类型 | 描述 |
| --- | --- | --- |
| id | string | 唯一标识 |
| options | object | 配置项 |
| options.min | number | 最小值 |
| options.max | number | 最大值 |
| options.step | number | 计数间隔 |
| options.value | number | 默认值 |
| options.disabled | boolean | 禁用输入 |
| options.longpress | boolean | 禁用长按 |
| options.className | string | 自定义类名 |
| options.callback | function | 监听值变化的回调函数 |
**Example**
```html
Xnumber
数字输入框
默认
数量
设置 callback 回调函数，在调试窗口中输出
数量
设置宽度为100px
数量
设置步长为0.5
数量
设置值为1，最小值为-5，最大值为8
数量
设置可输入
数量
设置长按快速加减
数量
循环输出多个组件
{{ item.text }}
```
```js
import { $wuxXnumber } from '../../components/wux'
Page({
data: {
items: [{
id: '001',
text: '房间',
value: 1,
},
{
id: '002',
text: '成人',
value: 2,
},
],
},
onLoad() {
$wuxXnumber.init('num1')
$wuxXnumber.init('num2', {
callback: (value) => console.log(value),
})
$wuxXnumber.init('num3', {
className: 'custom-xnumber',
})
$wuxXnumber.init('num4', {
step: .5,
})
$wuxXnumber.init('num5', {
min: -5,
max: 8,
value: 1,
})
$wuxXnumber.init('num6', {
disabled: !1,
})
$wuxXnumber.init('num7', {
longpress: !0,
})
this.data.items.forEach(n => $wuxXnumber.init(n.id, {
value: n.value,
callback: (value) => console.log(`已选择${n.text}数量：${value}`),
}))
},
})
```