Skip to content

FaPageMain 页面主内容区

页面主内容容器组件,支持标题和可折叠的内容区域。

使用场景

  • 表单内容容器
  • 详情信息展示
  • 数据列表容器
  • 可折叠的信息区块
  • 页面分节容器

Props

属性类型默认值说明
titlestring''内容区标题
collaspebooleanfalse是否可折叠
heightstring''折叠后的高度
classHTMLAttributes['class']-容器 CSS 类
titleClassHTMLAttributes['class']-标题区 CSS 类
mainClassHTMLAttributes['class']-主内容区 CSS 类

Slots

名称说明
title自定义标题内容
default主内容

注意事项

  1. 折叠功能:设置 collaspetrue 后,内容区可以折叠,折叠后会显示渐变遮罩
  2. 折叠按钮:鼠标悬停时会在底部显示展开/收起按钮
  3. 高度设置height 属性仅在 collaspetrue 时生效
  4. 典型搭配:通常与 FaPageHeader 配合使用,构成完整的页面布局