import React from 'react';
import ReactDOM from 'react-dom';
import { Tabs } from 'uiw';

class Demo extends React.Component {
  render() {
    return (
      <div style={{backgroundColor:'green'}}>
      <Tabs activeKey="1" type="line" onTabClick={(tab, key, e) => {
          console.log("=>", key, tab);
        }}>
          <Tabs.Pane label="用户管理" key="1">用户管理
            <Tabs activeKey="1" type="default" onTabClick={(tab, key, e) => {
              console.log("=>", key, tab);
            }}>
            <Tabs.Pane label="用户管理" key="1">用户管理</Tabs.Pane>
            <Tabs.Pane label="配置管理" key="2">配置管理</Tabs.Pane>
            <Tabs.Pane sequence="fadeIn up" label="角色管理" key="3">角色管理</Tabs.Pane>
            <Tabs.Pane label="大爷欢乐多" key="4"><div>大爷欢乐多22</div></Tabs.Pane>
          </Tabs>
          </Tabs.Pane>
          <Tabs.Pane label="配置管理" key="2">配置管理</Tabs.Pane>
          <Tabs.Pane sequence="fadeIn up" label="角色管理" key="3">角色管理</Tabs.Pane>
          <Tabs.Pane label="大爷欢乐多" key="4"><div>大爷欢乐多22</div></Tabs.Pane>
      </Tabs></div>
    );
  }
}
ReactDOM.render(<Demo />, _mount_);