# CollapseContainer 區域折疊卡片容器 ## Usage ```vue <template> <div> <CollapseContainer> content </CollapseContainer> </div> </template> <script lang="ts"> import { defineComponent } from 'vue'; import { CollapseContainer } from '/@/components/Container/index'; export default defineComponent({ components: { CollapseContainer, }, }); </script> ``` ## Props | 屬性 | 類型 | 默認值 | 可選值 | 說明 | | ------------------- | ----------------- | ------ | ------ | ------------------------------------ | | title | `string` | - | - | 標題 | | canExpan | `boolean` | true | - | 是否可以展開，為`true`顯示折疊按鈕 | | helpMessage | `string[],string` | - | - | 標題右側溫馨提醒 | | triggerWindowResize | `boolean` | false | - | 展開收縮的時候是否觸發 window.resize | | loading | `boolean` | false | - | 顯示加載骨架屏 | | lazyTime | `number` | 0 | - | 延遲加載時間 | ## Slots | 名稱 | 說明 | | ------- | ------------------ | | title | 自定義標題 | | action | 自定義右側操作按鈕 | | default | 默認區域 | | footer | 自定義底部區域 |