仅桌面端保证样式
Container 布局容器
页面外层骨架的 flex 容器，与 EbHeader / EbAside / EbMain / EbFooter 搭配搭建后台框架。容器默认渲染为 section 元素（tag 可更换）；direction 缺省时自动检测：默认插槽的子级包含 EbHeader 或 EbFooter 即纵向（column），否则横向（row）。容器可任意嵌套；Aside 固定不收缩（内容滚动），Main 自动占满剩余空间并自带内边距与滚动。
经典后台布局
外层容器子级含 Header 与 Footer，自动纵向；中层容器只含 Aside 与 Main，自动横向，形成上中下加左右侧栏的经典后台骨架。
上中下布局
不含侧边栏的纵向结构：Header 与 Footer 高度固定（默认 60px，可用 height 属性调整），Main 撑满剩余高度并独立滚动。
横向布局
子级只含 Aside / Main 时自动横向排布，常用于内容区内部的左右分栏。
显式指定方向与标签
direction 传 vertical / horizontal 可覆盖自动检测（例如子级是自定义组件、探测不到 EbHeader / EbFooter 时需要显式声明）；tag 可更换渲染元素。
嵌套布局
容器可任意嵌套：内层容器同样参与方向自动检测（子级含 EbHeader 即纵向），常用于主内容区内部的工具条与分栏。
主内容区配合栅格
eb-main 自带内边距与滚动，内部直接用 Row / Col 排版内容块，构成完整的页面级布局。
统计卡 A
统计卡 B
使用提示
- 自动检测只看默认插槽的直接子级组件名（EbHeader / EbFooter），Fragment 会展开递归查找；子级是自定义组件时请显式传
direction。 - eb-container / eb-main 均设置
flex: 1，多层嵌套时每层都会正确伸缩；eb-asideflex-shrink: 0且overflow: auto。 - eb-header / eb-footer 通过
height属性控制高度，eb-aside 通过width控制宽度，均支持任意 CSS 长度值。
API
Container Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| direction | 布局方向，缺省自动检测（默认插槽子级含 EbHeader / EbFooter 则纵向） | horizontal | vertical | |
| tag | 自定义元素标签 | string | section |
Container Slots
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| default | 容器内容，可放 EbHeader / EbAside / EbMain / EbFooter 或嵌套 EbContainer | — | — |
Header / Aside / Main / Footer Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| height（EbHeader / EbFooter） | 区域高度 | string | 60px |
| width（EbAside） | 侧栏宽度 | string | 300px |
| tag | 自定义元素标签（Header / Aside / Main / Footer 分别默认 header / aside / main / footer） | string | 见描述 |
Header / Aside / Main / Footer Slots
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| default | 各区域内容，四个子组件均只提供默认插槽 | — | — |