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>
    );
  }
}

结果。 ""

    无结果。 ""