category: Components type: 布局 title: Layout subtitle: 布局 modifiedJs: 1 cols: 1

API

BaseHeader 顶部导航

| 参数 | 说明 | 类型 | 默认值 | | --------------- | ---------------- | -------- | ----------- | | className | 容器 className | string | "headerBar" | | onToggleSideBtn | 全局菜单联动缩进 | function | | | avatarUrl | 头像 | string | | | userName | 用户名 | string | | | userMenu | 菜单 | Menu | |

userMenu 菜单使用 Menu，还包括菜单项 Menu.Item，分割线 Menu.Divider。

注意： Menu.Item 必须设置唯一的 key 属性。

Dropdown 下的 Menu 默认不可选中。如果需要菜单可选中，可以指定 <Menu selectable>.

BaseSider 全局菜单

| 参数 | 说明 | 类型 | 默认值 | | ------------ | -------------- | ----------------- | ------------- | | className | 容器 className | string | "leftSideNav" | | appName | 项目名称 | string|ReactNode | | | appLogo | 项目 logo | string | | | collapsed | 当前收起状态 | boolean | | | selectedKeys | 选中菜单 | string | |

BaseContent 内容区（包括功能导航）

| 参数 | 说明 | 类型 | 默认值 | | --------- | -------------- | ------ | ------------- | | className | 容器 className | string | "baseContent" |

BaseContentMain 内容区（不包括功能导航）

| 参数 | 说明 | 类型 | 默认值 | | --------- | -------------- | ------ | ----------------- | | className | 容器 className | string | "baseContentMain" |

BaseContentMainHeader 标题+按钮区域

| 参数 | 说明 | 类型 | 默认值 | | --------- | -------------- | ----------------- | -------------------------- | | className | 容器 className | string | "base-content-main-header" | | title | 标题 | string|ReactNode | |

baseContentSider 功能导航

| 参数 | 说明 | 类型 | 默认值 | | --------- | -------------- | ----------------- | ----------- | | className | 容器 className | string | "sub-sider" | | title | 标题 | string|ReactNode | |

剩余 API 与 Menu 相同