48 lines
990 B
Markdown
48 lines
990 B
Markdown
<cn>
|
|
#### 大小
|
|
大号页签用在页头区域,小号用在弹出框等较狭窄的容器内。
|
|
</cn>
|
|
|
|
<us>
|
|
#### Size
|
|
Large size tabs are usally used in page header, and small size could be used in Modal.
|
|
</us>
|
|
|
|
```vue
|
|
<template>
|
|
<div>
|
|
<a-radio-group v-model="size" style="margin-bottom: 16px">
|
|
<a-radio-button value="small">
|
|
Small
|
|
</a-radio-button>
|
|
<a-radio-button value="default">
|
|
Default
|
|
</a-radio-button>
|
|
<a-radio-button value="large">
|
|
Large
|
|
</a-radio-button>
|
|
</a-radio-group>
|
|
<a-tabs default-active-key="2" :size="size">
|
|
<a-tab-pane key="1" tab="Tab 1">
|
|
Content of tab 1
|
|
</a-tab-pane>
|
|
<a-tab-pane key="2" tab="Tab 2">
|
|
Content of tab 2
|
|
</a-tab-pane>
|
|
<a-tab-pane key="3" tab="Tab 3">
|
|
Content of tab 3
|
|
</a-tab-pane>
|
|
</a-tabs>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
size: 'small',
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
```
|