CollapseContainer

区域折叠卡片容器

Usage

<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	-	-	标题
defaultExpan	boolean	true	-	默认是否展开内容，为false不展开内容
canExpan	boolean	true	-	是否可以展开，为true显示折叠按钮
helpMessage	string[],string	-	-	标题右侧温馨提醒
triggerWindowResize	boolean	false	-	展开收缩的时候是否触发 window.resize
loading	boolean	false	-	显示加载骨架屏
lazyTime	number	0	-	延迟加载时间

Slots

名称	说明
title	自定义标题
action	自定义右侧操作按钮
default	默认区域
footer	自定义底部区域