Common Layout

通用左中右布局 React 组件，支持左侧菜单、底部链接、个人中心、右侧内容。

安装

npm install common-layout

使用

import CommonLayout from 'common-layout';

const sidebar = {
  projectName: '项目名称',
  icon: <img src="logo.png" alt="logo" />,
  menu: [
    { name: '首页', route: '/' },
    { name: '用户', route: '/user' },
  ],
  footerLinks: [
    { name: '帮助', route: '/help' },
    { name: '设置', route: '/settings' },
  ],
  userCenter: {
    avatar: 'https://i.pravatar.cc/32',
    name: '个人中心',
    route: '/profile',
  },
};

<CommonLayout
  sidebar={sidebar}
  center={<div>中间内容</div>}
  right={<div>右侧内容</div>}
/>