Skip to content

Commit 0799c6b

Browse files
committed
first commit
1 parent 2d2399e commit 0799c6b

1 file changed

Lines changed: 66 additions & 66 deletions

File tree

Lines changed: 66 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,66 @@
1-
import React, {Component} from "react";
2-
import {Icon, Layout, Menu} from "antd";
3-
import {Link, RouteComponentProps, withRouter} from "react-router-dom";
4-
import AppStore from "../stores/AppStore";
5-
import {inject, observer} from "mobx-react";
6-
7-
8-
const {Header} = Layout;
9-
const {SubMenu} = Menu;
10-
11-
interface EmptyProps extends RouteComponentProps{
12-
13-
}
14-
15-
interface HeaderInjectedProps extends EmptyProps {
16-
location: any
17-
store: AppStore
18-
}
19-
20-
@inject("store")
21-
@observer
22-
class HeaderComponent extends Component<EmptyProps, {}> {
23-
get injected() {
24-
return this.props as HeaderInjectedProps;
25-
}
26-
27-
render() {
28-
const {store} = this.injected;
29-
30-
let selectMenu = window.location.hash.split("/")[1]
31-
? window.location.hash.split("/")[1]
32-
: "homePage";
33-
34-
return (
35-
<Layout>
36-
<Header className="header" style={{height: "34px"}}>
37-
<div className="logo"/>
38-
39-
<Menu theme="dark"
40-
mode="horizontal"
41-
defaultSelectedKeys={["homePage"]}
42-
style={{lineHeight: "34px"}}
43-
selectedKeys={[selectMenu]}>
44-
<SubMenu title={
45-
<span className="submenu-title-wrapper"><Icon type="database"/>下拉菜单</span>
46-
}>
47-
<Menu.Item className={"app-menu-item"}>
48-
<Link to={"/aaa"}/>
49-
</Menu.Item>
50-
<Menu.Item className={"app-menu-item"}>
51-
<Link to={"/bbb"}/>
52-
</Menu.Item>
53-
</SubMenu>
54-
55-
<Menu.Item key="user" style={{float: "right"}}>
56-
{store.user ? store.user.name : ""}
57-
</Menu.Item>
58-
</Menu>
59-
</Header>
60-
</Layout>
61-
);
62-
}
63-
}
64-
65-
66-
export default withRouter(HeaderComponent);
1+
import React, {Component} from "react";
2+
import {Icon, Layout, Menu} from "antd";
3+
import {Link, RouteComponentProps, withRouter} from "react-router-dom";
4+
import AppStore from "../stores/AppStore";
5+
import {inject, observer} from "mobx-react";
6+
7+
8+
const {Header} = Layout;
9+
const {SubMenu} = Menu;
10+
11+
interface EmptyProps extends RouteComponentProps {
12+
13+
}
14+
15+
interface HeaderInjectedProps extends EmptyProps {
16+
location: any
17+
store: AppStore
18+
}
19+
20+
@inject("store")
21+
@observer
22+
class HeaderComponent extends Component<EmptyProps, {}> {
23+
get injected() {
24+
return this.props as HeaderInjectedProps;
25+
}
26+
27+
render() {
28+
const {store} = this.injected;
29+
30+
let selectMenu = window.location.hash.split("/")[1]
31+
? window.location.hash.split("/")[1]
32+
: "aaa";
33+
34+
return (
35+
<Layout>
36+
<Header className="header" style={{height: "34px"}}>
37+
<div className="logo"/>
38+
39+
<Menu theme="dark"
40+
mode="horizontal"
41+
defaultSelectedKeys={["aaa"]}
42+
style={{lineHeight: "34px"}}
43+
selectedKeys={[selectMenu]}>
44+
<SubMenu title={
45+
<span className="submenu-title-wrapper"><Icon type="database"/>下拉菜单</span>
46+
}>
47+
<Menu.Item className={"app-menu-item"}>aaa
48+
<Link to={"/aaa"}>aaa</Link>
49+
</Menu.Item>
50+
<Menu.Item className={"app-menu-item"}>bbb
51+
<Link to={"/bbb"}>bbb</Link>
52+
</Menu.Item>
53+
</SubMenu>
54+
55+
<Menu.Item key="user" style={{float: "right"}}>
56+
{store.user ? store.user.name : ""}
57+
</Menu.Item>
58+
</Menu>
59+
</Header>
60+
</Layout>
61+
);
62+
}
63+
}
64+
65+
66+
export default withRouter(HeaderComponent);

0 commit comments

Comments
 (0)