Vben Admin

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

属性类型默认值可选值说明
titlestring--标题
canExpanbooleantrue-是否可以展开，为true显示折叠按钮
helpMessagestring[],string--标题右侧温馨提醒
triggerWindowResizebooleanfalse-展开收缩的时候是否触发 window.resize
loadingbooleanfalse-显示加载骨架屏
lazyTimenumber0-延迟加载时间

Slots

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