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 | - | - | 标题 |
| canExpan | boolean | true | - | 是否可以展开,为true显示折叠按钮 |
| helpMessage | string[],string | - | - | 标题右侧温馨提醒 |
| triggerWindowResize | boolean | false | - | 展开收缩的时候是否触发 window.resize |
| loading | boolean | false | - | 显示加载骨架屏 |
| lazyTime | number | 0 | - | 延迟加载时间 |
Slots
| 名称 | 说明 |
|---|---|
| title | 自定义标题 |
| action | 自定义右侧操作按钮 |
| default | 默认区域 |
| footer | 自定义底部区域 |