38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
<div>
|
|
<RadioGroup defaultValue="a" size="large">
|
|
<RadioButton value="a">Hangzhou</RadioButton>
|
|
<RadioButton value="b">Shanghai</RadioButton>
|
|
<RadioButton value="c">Beijing</RadioButton>
|
|
<RadioButton value="d">Chengdu</RadioButton>
|
|
</RadioGroup>
|
|
</div>
|
|
<div :style="{ marginTop: 16 }">
|
|
<RadioGroup defaultValue="a">
|
|
<RadioButton value="a">Hangzhou</RadioButton>
|
|
<RadioButton value="b">Shanghai</RadioButton>
|
|
<RadioButton value="c">Beijing</RadioButton>
|
|
<RadioButton value="d">Chengdu</RadioButton>
|
|
</RadioGroup>
|
|
</div>
|
|
<div :style="{ marginTop: 16 }">
|
|
<RadioGroup defaultValue="a" size="small">
|
|
<RadioButton value="a">Hangzhou</RadioButton>
|
|
<RadioButton value="b">Shanghai</RadioButton>
|
|
<RadioButton value="c">Beijing</RadioButton>
|
|
<RadioButton value="d">Chengdu</RadioButton>
|
|
</RadioGroup>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { Radio } from 'antd'
|
|
export default {
|
|
components: {
|
|
RadioButton: Radio.Button,
|
|
RadioGroup: Radio.Group,
|
|
},
|
|
}
|
|
</script>
|