38 lines
657 B
Markdown
38 lines
657 B
Markdown
<cn>
|
|
#### 卡片式页签
|
|
另一种样式的页签，不提供对应的垂直样式。
|
|
</cn>
|
|
|
|
<us>
|
|
#### Card type tab
|
|
Another type Tabs, which doesn't support vertical mode.
|
|
</us>
|
|
|
|
```vue
|
|
<template>
|
|
<a-tabs type="card" @change="callback">
|
|
<a-tab-pane key="1" tab="Tab 1">
|
|
Content of Tab Pane 1
|
|
</a-tab-pane>
|
|
<a-tab-pane key="2" tab="Tab 2">
|
|
Content of Tab Pane 2
|
|
</a-tab-pane>
|
|
<a-tab-pane key="3" tab="Tab 3">
|
|
Content of Tab Pane 3
|
|
</a-tab-pane>
|
|
</a-tabs>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
callback(key) {
|
|
console.log(key);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
```
|