Stepper 步进器

规则

• 当想要对数值进行小幅度调整时，可以使用 Stepper，eg：将年化收益从 4.00% 调整到 4.05%。

代码演示

基本

import { List, Stepper } from 'antd-mobile';
function onChange(value) {
  console.log('changed', value);
}
ReactDOM.render(
  <div>
    <List>
      <List.Header>表单</List.Header>
      <List.Body>
        <List.Item extra={<Stepper max={10} min={1} defaultValue={3} onChange={onChange} />}>
        默认
        </List.Item>
        <List.Item extra={<Stepper showNumber max={10} min={1} defaultValue={1} onChange={onChange} />}>
        显示数值
        </List.Item>
        <List.Item extra={<Stepper disabled max={10} min={1} defaultValue={3} onChange={onChange} />}>
        禁用
        </List.Item>
        <List.Item extra={<Stepper disabled max={10} min={1} showNumber defaultValue={3} onChange={onChange} />}>
        禁用
        </List.Item>
      </List.Body>
    </List>
    <List>
      <List.Header>步进器</List.Header>
      <List.Body>
        <List.Item extra={<Stepper showNumber max={10} min={1} defaultValue={3} onChange={onChange} />}>
          预定人数
        </List.Item>
      </List.Body>
    </List>
  </div>
, mountNode);

API