[Doc] add english document of all basic components

This commit is contained in:
陈嘉涵
2017-10-20 15:20:11 +08:00
parent 46a0d7e49f
commit 12fef85d3a
38 changed files with 384 additions and 384 deletions
+30 -19
View File
@@ -3,7 +3,7 @@ export default {
data() {
return {
stepper1: 1,
stepper2: null,
stepper2: 9,
};
}
};
@@ -24,28 +24,39 @@ Vue.component(Stepper.name, Stepper);
:::demo Basic Usage
```html
<van-stepper v-model="stepper1"></van-stepper>
<p class="curr-stepper">当前值:{{ stepper1 }}</p>
<van-stepper v-model="stepper1" />
```
```javascript
export default {
data() {
return {
value: 1
}
}
}
```
:::
#### Disabled
通过设置`disabled`属性来禁用 stepper
:::demo 禁用状态
:::demo Disabled
```html
<van-stepper v-model="stepper1" disabled></van-stepper>
<van-stepper v-model="stepper1" disabled />
```
:::
#### Advanced Usage
默认是每次加减为1,可以对组件设置`step`、`min`、`max`、`defaultValue`属性
:::demo Advanced Usage
```html
<van-stepper v-model="stepper2" min="5" max="40" step="2" default-value="9"></van-stepper>
<p class="curr-stepper">当前值:{{ stepper2 || 9 }}</p>
<van-stepper
v-model="stepper2"
min="5"
max="40"
step="2"
default-value="9"
/>
```
:::
@@ -53,16 +64,16 @@ Vue.component(Stepper.name, Stepper);
| Attribute | Description | Type | Default | Accepted Values |
|-----------|-----------|-----------|-------------|-------------|
| min | 最小值 | `String | Number` | `1` | - |
| max | 最大值 | `String | Number` | - | - |
| defaultValue | Default | `String | Number` | `1` | - |
| step | 步数 | `String | Number` | `1` | - |
| disabled | 是否禁用 | `Boolean` | `false` | - |
| disableInput | 是否禁用input | `Boolean` | `false` | - |
| min | Min value | `String | Number` | `1` | - |
| max | Max value | `String | Number` | - | - |
| defaultValue | Default value | `String | Number` | `1` | - |
| step | Value change step | `String | Number` | `1` | - |
| disabled | Disable value change | `Boolean` | `false` | - |
| disableInput | Disable input | `Boolean` | `false` | - |
### Event
| Event | Description | 回调参数 |
| Event | Description | Arguments |
|-----------|-----------|-----------|
| change | 当绑定值变化时触发的事件 | 当前组件的值 |
| overlimit | 点击不可用的按钮时触发 | - |
| change | Triggered when value change | value: current value |
| overlimit | Triggered when click disabled button | - |