步进器

用作增加或者减少当前数值。

规则

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

代码演示

步进器

显示数值

禁用

步进器

与列表组件合用，列表项要添加类item-input

<div class="list-ord">
	<div class="list-item item-input">
		<div class="list-content">显示数值</div>
		<div class="stepper ">
			<div class="stepper-handle-wrappper">
				<span class="stepper-handle-down"></span>
				<span class="stepper-handle-up"></span>
			</div>
			<div class="stepper-input-wrapper">
				<input type="txt" name="" value="4">
			</div>
		</div>
	</div>
	<div class="list-item item-input">
		<div class="list-content ">禁用</div>
		<div class="stepper  stepper-disabled">
			<div class="stepper-handle-wrappper">
				<span class="stepper-handle-down"></span>
				<span class="stepper-handle-up"></span>
			</div>
			<div class="stepper-input-wrapper">
				<input type="txt" name="" value="4">
			</div>
		</div>
	</div>
</div>