Stepper

步进器。Stepper UI提供与WeLink规范一致的视图。

参数说明

名称 类型 默认值 说明
title string 标题
inputElName string input实例名
defaultValue nubmer 初始值
step nubmer 步进器每一步的值
max nubmer 最大值
min nubmer 最小值
changeFn func 值变更事件

效果示例

HTML
import React from 'react';
import { Cells, Stepper } from '@wecode/react-weui';

export default class StepperDemo extends React.Component {
  getValue(value) {
    console.log(value);
  }

  render() {
    return (
      <Cells>
        <Stepper
          inputElName="123"
          title="演示主文本"
          defaultValue={0}
          step={1}
          max={3}
          min={-3}
          changeFn={this.getValue}
        />
      </Cells>
    );
  }
}

result. ""

    Not Found. ""