bee-input-number
Browser Support
 |
 |
 |
 |
 |
|---|---|---|---|---|
| IE 9+ | Chrome 31.0+ | Firefox 31.0+ | Opera 30.0+ | Safari 7.0+ |
react bee-input-number component for tinper-bee
组织所有form元素的集合地
使用
使用单独的bee-input-number包
组件引入
先进行下载bee-input-number包
npm install --save bee-input-number组件调用
React.render(
<InputNumber/>
, document.getElementById('target'));
样式引入
- 可以使用link引入dist目录下bee-form.css
<link rel="stylesheet" href="./node_modules/build/bee-input-number.css">- 可以在js中import样式
import "./node_modules/src/InputNumber.scss"
//或是
import "./node_modules/build/bee-input-number.css"API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| className | 类名 | string | - |
| max | 最大值 | number | - |
| min | 最小值 | number | - |
| step | 间隔值 | number | 1 |
| value | 默认值 | number | 0 |
| format | 显示内容的格式化 | function | - |
| precision | 显示精度。如要输入小数，此属性必须设置 | number | 显示小数点后面的位数 |
| delay | 当持续按住增减按钮式，变换的速度（毫秒） | number | 300 |
| disabled | 是否可编辑 | string | - |
| toNumber | 回调内的值是否转换为number类型。当正在输入小数点或者小数点后第一位为0时，不能转换为number类型 | bool | true |
| toThousands | 是否显示千分符 | bool | false |
开发调试
$ git clone https://github.com/tinper-bee/bee-form
$ cd bee-form
$ npm install
$ npm run dev