cinstab1

相关联的tabs与menus Interrelated menus and tabs

usage

import { CINSMenus, CINSTabs, TakeMenus } from 'cinstab1'


//Configure menu information here
    TakeMenus([
        {
            title: 'tab1',
            key: 'a',
            component: 'component',
            icon: <DesktopOutlined/>,
        },
        {
            title: 'tab2',
            key: 'b',
            component: 'component',
            icon: <DesktopOutlined/>,
        },
        {
            title: 'tab3',
            key: 'c',
            component: 'component',
            icon: <DesktopOutlined/>,
        }
    ])
    
    //Use the other two components in ANTD's Layout
    <Layout style={{ minHeight: '100vh' }}>
        <Sider >
            <div className="logo" />
            <CINSMenus />
        </Sider>
        <Layout className="site-layout">
            <Header className="site-layout-background" style={{ padding: 0 }} />
            <Content style={{ margin: '0 16px' }}>
                <CINSTabs />
            </Content>
            <Footer style={{ textAlign: 'center' }}>Ant Design ©2018 Created by Ant UED</Footer>
        </Layout>
    </Layout>
    
}