@huang6349/manage-layout

基于 Ant Design 的管理系统布局

Stats

StarsIssuesVersionUpdatedCreatedSize
@huang6349/manage-layout
1.0.0-alpha.23 years ago3 years agoMinified + gzip package size for @huang6349/manage-layout in KB

Readme

@huang6349/manage-layout

管理系统布局组件

管理系统布局组件

介绍

@huang6349/manage-layout 是一个基于 Ant Design 的管理系统布局组件

使用方式

注意,组件默认依赖于 antd@3.8.0,需要保证 antd 版本的一致性。

$ yarn add @huang6349/manage-layout
import * as React from 'react';
import Manage, { PageHeader } from '@huang6349/manage-layout';
import {
  render,
} from 'react-dom';

function Example() {
  return (
    <Manage {...}>
      <Manage.NavBar {...}>
        <Manage.NavBar.Brand {...} />
        <Manage.NavBar.MenuLeft {...} />
        <Manage.NavBar.BigScreen {...} />
        <Manage.NavBar.Search {...} />
        <Manage.NavBar.User {...}>
          <Manage.NavBar.User.Menu {...} />
          <Manage.NavBar.User.Notice {...} />
        </Manage.NavBar.User>
        <Manage.NavBar.MenuRight {...} />
      </Manage.NavBar>
      <Manage.Left theme="grey" {...} />
      <Manage.Page>
        <PageHeader {...} />
        {...}
      </Manage.Page>
    </Manage>
  );
}

render(<Example />, document.querySelector('#demo'));

API

查看文档

DEMO

查看源码

待办事项

  • 顶部导航栏组件
    • 网站的铭牌组件
    • 左侧工具栏组件
    • 全屏模式组件
    • 全局搜索组件
    • 用户通知组件
    • 用户菜单组件
    • 右侧工具栏组件
  • 左侧导航栏组件
  • 主体内容页头组件
  • 底部导航栏组件
  • 主题设置器组件

更新日志

1.0.0-alpha.2

2018-08-14

  • 发布第二个内测版本
  • 顶部导航栏-用户菜单组件由 Manage.NavBar.User.UserMenu 变更为 Manage.NavBar.User.Menu

1.0.0-alpha.1

2018-08-10

  • 发布第一个内测版本

开源协议

MIT

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.