Accordion.vue
703 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!--
* @Date: 2024-11-06 14:01:32
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-11-06 14:49:49
* @FilePath: /hager/src/components/accordion/Accordion.vue
* @Description: 文件描述
-->
<template>
<div class="accordion">
<AccordionItem v-for="item in items" :key="item.id" :item="item" style="border-bottom: 1px solid #EBEEF5;" />
</div>
</template>
<script>
import AccordionItem from './AccordionItem.vue';
export default {
name: 'Accordion',
components: {
AccordionItem
},
props: {
items: {
type: Array,
required: true
}
}
};
</script>
<style scoped>
.accordion {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
</style>