步进器 Stepper

基本

<za-cell title="默认">
  <za-stepper slot="description" v-model="stepper6"></za-stepper>
</za-cell>
<za-cell title="小号">
  <za-stepper slot="description" v-model="stepper1" size="sm"></za-stepper>
</za-cell>
<za-cell title="设置默认值">
  <za-stepper slot="description" v-model="stepper2" size="sm"></za-stepper>
</za-cell>
<za-cell title="设置上下限">
  <za-stepper slot="description" v-model="stepper3" :min="-3" :max="3" size="sm"></za-stepper>
</za-cell>
<za-cell title="设置步长">
  <za-stepper slot="description" v-model="stepper4" :step="0.5" size="sm"></za-stepper>
</za-cell>
<za-cell title="禁用状态">
  <za-stepper slot="description" v-model="stepper5" disabled size="sm"></za-stepper>
</za-cell>

多形状

<za-cell title="圆角">
  <za-stepper slot="description" v-model="stepper7" shape="radius" size="sm"></za-stepper>
</za-cell>
<za-cell title="圆型">
  <za-stepper slot="description" v-model="stepper8" shape="circle" size="sm"></za-stepper>
</za-cell>

Vue Script

<script name="vue">
export default {
  data() {
    return {
      stepper1: 0,
      stepper2: 2,
      stepper3: 0,
      stepper4: 0,
      stepper5: 0,
      stepper6: 0,
      stepper7: 0,
      stepper8: 0,
      stepper9: 0,
      stepper10: 0,
    }
  },
  methods: {
    handleChange(event) {
      console.log(event);
    },
    handleInputChange(v) {
      console.log(v);
    }
  },
};
</script>

API

Stepper Attributes

Stepper Events