@os2edu/layout
v0.1.4
Published
本包是为 [os2edu 开源操作系统社区](https://os2edu.cn/homepage/) 子项目提供统一的 React 布局组件。
Downloads
7
Readme
说明
本包是为 os2edu 开源操作系统社区 子项目提供统一的 React 布局组件。
使用
import Layout, { MainContent } from '@os2edu/layout';
const headerProps = {
subTitle: '课程培训',
extra: {
customRender: <span>自定义区域</span>, // 头部右侧自定义显示内容
dropMenu: [ // 点用户头像下拉菜单
{ key: 'profile': title: '用户信息', onClick: () => {} },
{ key: 'logout': title: '退出', onClick: () => {} }
],
userInfo: { // 显示的用户信息
phone: '17703401850',
avatar: '',
},
},
};
return (
<Layout headerProps={headerProps}>
<MainContent>主内容</MainContent>
</Layout>
);