<template>
  <div class="page">
    <div class="demoName">
      <a class="icon" @click="$router.push({path:'/'})"></a>
      <div class="comp-title">Stepper</div>
    </div>
    <h3>基本示例</h3>
    <List>
      <Item>
        <div slot="title">Show number value</div>
        <div slot="content">
          <Stepper :min="1" :max="10" v-model="value" />
        </div>
      </Item>
      <Item>
        <div slot="title">Disabled</div>
        <div slot="content">
          <Stepper :min="1" :max="10" :defaultValue="3" :showNumber="true" disabled />
        </div>
      </Item>
    </List>
  </div>
</template>
<script>
export default {
  data () {
    return {
      value: 2
    }
  }
}
</script>