ant-design-vue/components/collapse/demo/accordion.md
2019-10-09 18:32:23 +08:00

37 lines
934 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<cn>
#### 手风琴
手风琴每次只打开一个tab。默认打开第一个。
</cn>
<us>
#### Accordion
Accordion mode, only one panel can be expanded at a time. The first panel will be expanded by default.
</us>
```tpl
<template>
<div>
<a-collapse accordion>
<a-collapse-panel header="This is panel header 1" key="1">
<p>{{text}}</p>
</a-collapse-panel>
<a-collapse-panel header="This is panel header 2" key="2" :disabled="false">
<p>{{text}}</p>
</a-collapse-panel>
<a-collapse-panel header="This is panel header 3" key="3">
<p>{{text}}</p>
</a-collapse-panel>
</a-collapse>
</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>
```