1.2.5 • Published 5 years ago
icsoc-rc-layout v1.2.5
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 相同