<!-- 基础折叠面板 -->
<re-collapse class="demo-collapse-default">
<re-collapse-panel class="demo-collapse-panel-1" :value="1" title="面板1">
<re-collapse-panel class="demo-collapse-panel-2" :value="2" title="面板2">
<!-- 默认展开 -->
<re-collapse class="demo-collapse-default-value" :defaultValue="[1]">
<re-collapse-panel class="demo-collapse-default-panel-1" :value="1" title="默认展开1">
<re-collapse-panel class="demo-collapse-default-panel-2" :value="2" title="默认展开2">
<!-- 带状态说明 -->
<re-collapse class="demo-collapse-action" :defaultValue="['guide']" @change="onActionChange">
<re-collapse-panel class="demo-collapse-action-panel" value="guide" title="使用说明">
<!-- 手风琴式 -->
<re-collapse class="demo-collapse-mutex" :expandMutex="true" :defaultValue="['a']" @change="onMutexChange">
<re-collapse-panel class="demo-collapse-mutex-1" value="a" title="互斥1">
<re-collapse-panel class="demo-collapse-mutex-2" value="b" title="互斥2">
<re-collapse-panel class="demo-collapse-disabled-panel" value="d" title="禁用面板" :disabled="true">
<re-collapse-panel class="demo-collapse-normal-panel" value="e" title="正常面板">
<!-- 无展开图标 -->
<re-collapse class="demo-collapse-no-icon" :expandIcon="false">
<re-collapse-panel class="demo-collapse-no-icon-panel" value="x" title="无展开图标">
<!-- 多面板展开 -->
<re-collapse class="demo-collapse-multi">
<re-collapse-panel class="demo-collapse-multi-1" value="m1" title="面板A">
<re-collapse-panel class="demo-collapse-multi-2" value="m2" title="面板B">
<re-collapse-panel class="demo-collapse-multi-3" value="m3" title="面板C">
<!-- 卡片式风格 -->
<re-collapse class="demo-collapse-custom-style" customStyle="margin-top: 10px;background-color: #f8fbff;border-radius: 16px;overflow: hidden;">
<re-collapse-panel class="demo-collapse-style-panel" value="s" title="自定义样式面板">
<!-- 长内容面板 -->
<re-collapse class="demo-collapse-long">
<re-collapse-panel class="demo-collapse-long-panel" value="l" title="长内容面板">