46 lines
993 B
Vue
46 lines
993 B
Vue
<template>
|
|
<div>
|
|
<a-card
|
|
title="测试"
|
|
:tab-props="{ size: 'small' }"
|
|
:tab-list="[
|
|
{ key: 'tab1', tab: 'tab1' },
|
|
{ key: 'tab2', tab: 'tab2' },
|
|
]"
|
|
/>
|
|
<a-card
|
|
title="测试"
|
|
:tab-props="{ size: 'large' }"
|
|
:tab-list="[
|
|
{ key: 'tab1', tab: 'tab1' },
|
|
{ key: 'tab2', tab: 'tab2' },
|
|
]"
|
|
/>
|
|
<a-card
|
|
title="测试"
|
|
:tab-props="{}"
|
|
:tab-list="[
|
|
{ key: 'tab1', tab: 'tab1' },
|
|
{ key: 'tab2', tab: 'tab2' },
|
|
]"
|
|
/>
|
|
<a-card
|
|
title="测试"
|
|
:tab-props="{ size: 'default' }"
|
|
:tab-list="[
|
|
{ key: 'tab1', tab: 'tab1' },
|
|
{ key: 'tab2', tab: 'tab2' },
|
|
]"
|
|
/>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
text: `A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.`,
|
|
};
|
|
},
|
|
};
|
|
</script>
|