CollapsePanel 折叠面板 ​

<template>
  <el-collapse-panel title="我是标题" lazy>
    <div style="padding: 6px 12px">hi, Summer</div>
  </el-collapse-panel>
</template>

<template>
  <el-collapse-panel title="我是标题" :collapse="false">
    <div style="padding: 6px 12px">hi, Summer</div>
  </el-collapse-panel>
</template>

<template>
  <el-collapse-panel title="我是标题" :collapse="false" dashed disabled>
    <div style="padding: 12px">hi, Summer</div>
  </el-collapse-panel>
</template>

<template>
  <el-collapse-panel title="我是标题" dashed>
    <template #action>
      <el-switch v-model="bool" />
    </template>
    <div style="padding: 12px">hi, Summer</div>
  </el-collapse-panel>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const bool = ref(false)
</script>