37 lines
925 B
Markdown
37 lines
925 B
Markdown
|
<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>
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<a-collapse accordion>
|
|||
|
|
<a-collapse-panel header="This is panel header 1" name="1">
|
|||
|
|
<p>{{text}}</p>
|
|||
|
|
</a-collapse-panel>
|
|||
|
|
<a-collapse-panel header="This is panel header 2" name="2" :disabled='false'>
|
|||
|
|
<p>{{text}}</p>
|
|||
|
|
</a-collapse-panel>
|
|||
|
|
<a-collapse-panel header="This is panel header 3" name="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>
|
|||
|
|
```
|