ant-design-vue/components/date-picker/demo/size.md

41 lines
861 B
Markdown
Raw Normal View History

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>
```