用于数量的增减。
基本使用
步进器的基本用法。
html
<iui-stepper></iui-stepper>
<iui-stepper></iui-stepper>
设置最大/最小值
可以通过 min
和 max
属性设置最小值和最大值。
html
<iui-stepper :min="0" :max="7"></iui-stepper>
<iui-stepper :min="0" :max="7"></iui-stepper>
设置步长
可以通过 step
属性设置步长。默认值为 1
。
html
<iui-stepper :step="5"></iui-stepper>
<iui-stepper :step="5"></iui-stepper>
小数点
可以通过 decimal
、step
属性以达到小数点的效果。
html
<iui-stepper :decimal="1" :step="0.1"></iui-stepper>
<iui-stepper :decimal="1" :step="0.1"></iui-stepper>
样式风格
边框风格
html
<iui-stepper type="outline"></iui-stepper>
<iui-stepper type="outline"></iui-stepper>
圆形风格
html
<iui-stepper type="round"></iui-stepper>
<iui-stepper type="round"></iui-stepper>
API
<Stepper>
props<Stepper>
events