2018-03-15 13:40:34 +00:00
|
|
|
|
2018-03-19 15:05:49 +00:00
|
|
|
<cn>
|
|
|
|
#### 三种大小
|
2018-03-15 13:40:34 +00:00
|
|
|
三种大小的输入框,若不设置,则为 `default`。
|
2018-03-19 15:05:49 +00:00
|
|
|
</cn>
|
2018-03-15 13:40:34 +00:00
|
|
|
|
2018-03-19 15:05:49 +00:00
|
|
|
<us>
|
|
|
|
#### Three Sizes
|
2018-03-15 13:40:34 +00:00
|
|
|
The input box comes in three sizes. `default` will be used if `size` is omitted.
|
2018-03-19 15:05:49 +00:00
|
|
|
</us>
|
|
|
|
|
|
|
|
```html
|
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<a-radio-group v-model="size">
|
|
|
|
<a-radio-button value="large">Large</a-radio-button>
|
|
|
|
<a-radio-button value="default">Default</a-radio-button>
|
|
|
|
<a-radio-button value="small">Small</a-radio-button>
|
|
|
|
</a-radio-group>
|
|
|
|
<br /><br />
|
|
|
|
<a-date-picker :size="size" />
|
|
|
|
<br />
|
|
|
|
<a-month-picker :size="size" placeholder="Select Month" />
|
|
|
|
<br />
|
|
|
|
<a-range-picker :size="size" />
|
|
|
|
<br />
|
|
|
|
<a-week-picker :size="size" placeholder="Select Week" />
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import moment from 'moment';
|
|
|
|
export default {
|
|
|
|
data(){
|
|
|
|
return {
|
|
|
|
size: 'default',
|
|
|
|
}
|
|
|
|
},
|
2018-03-15 13:40:34 +00:00
|
|
|
}
|
2018-03-19 15:05:49 +00:00
|
|
|
</script>
|
|
|
|
```
|