1.3 KiB
1.3 KiB
Layout 布局
:::tip
Layout 组件需要配合 Header / Sidebar / Footer / Content 组件使用。
:::
示例
基础布局
Layout 组件支持多种典型布局。
通顶侧边栏
通栏底部
吸顶/吸底布局
Header / Sidebar / Footer 组件均支持通过 sticky 属性设置吸顶/吸底。
:::tip
当吸顶的布局头部和吸顶侧边栏一起使用需要在布局头部的父组件 Layout 上设置 --dls-layout-header-height 来指定布局头部的高度。
:::
:::tip
当吸底的布局底部和吸顶侧边栏一起使用需要在布局底部的父组件 Layout 上设置 --dls-layout-footer-height 来指定布局底部的高度。
:::
API
属性
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
direction |
`'column' | 'row'` | 'column' |
插槽
| 名称 | 描述 |
|---|---|
default |
布局内容，可以是 Header / Sidebar / Footer / Content 组件或嵌套使用 Layout 组件。 |