add input-number size docs (#2415)

pull/2448/head
baiyaaaaa 2017-01-16 10:42:32 +08:00 committed by cinwell.li
parent f1b8909e27
commit 3dc98d703b
2 changed files with 60 additions and 2 deletions

View File

@ -4,7 +4,10 @@
return {
num1: 1,
num2: 1,
num3: 5
num3: 5,
num4: 1,
num5: 1,
num6: 1
}
},
methods: {
@ -86,6 +89,32 @@ Allows you to define incremental steps.
```
:::
### Size
Additional `large` and `small` sizes of the input box are available
:::demo
```html
<template>
<el-input-number size="large" v-model="num4"></el-input-number>
<el-input-number v-model="num5"></el-input-number>
<el-input-number size="small" v-model="num6"></el-input-number>
</template>
<script>
export default {
data() {
return {
num4: 1,
num5: 1,
num6: 1
}
}
};
</script>
```
:::
### Attributes
| Attribute | Description | Type | Accepted Values | Default |

View File

@ -4,7 +4,10 @@
return {
num1: 1,
num2: 1,
num3: 5
num3: 5,
num4: 1,
num5: 1,
num6: 1
}
},
methods: {
@ -92,6 +95,32 @@
```
:::
### 尺寸
额外提供了 `large`、`small` 两种尺寸的数字输入框
:::demo
```html
<template>
<el-input-number size="large" v-model="num4"></el-input-number>
<el-input-number v-model="num5"></el-input-number>
<el-input-number size="small" v-model="num6"></el-input-number>
</template>
<script>
export default {
data() {
return {
num4: 1,
num5: 1,
num6: 1
}
}
};
</script>
```
:::
### Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|----------|-------------- |----------|-------------------------------- |-------- |