Commit 9b7f5c8a authored by HJISTC's avatar HJISTC

Caidan->Menu

parent fb172b85
...@@ -7,14 +7,14 @@ export default class Nav_Mobile extends React.Component{ ...@@ -7,14 +7,14 @@ export default class Nav_Mobile extends React.Component{
constructor(props){ constructor(props){
super(props); super(props);
this.state = { this.state = {
classCaidan: false, classMenu: false,
}; };
} }
caidan=()=>{ menu=()=>{
this.setState({classCaidan:!this.state.classCaidan}); this.setState({classMenu:!this.state.classMenu});
} }
render() { render() {
var classCaidan=this.state.classCaidan; var classMenu=this.state.classMenu;
if(!this.props.isMobile){ if(!this.props.isMobile){
return ( return (
<div> <div>
...@@ -45,11 +45,11 @@ export default class Nav_Mobile extends React.Component{ ...@@ -45,11 +45,11 @@ export default class Nav_Mobile extends React.Component{
<div className="App-Logo"> <div className="App-Logo">
<img alt="img" src={require("../public/logo.png")} style={{width: '140px', margin: '10px'}}/> <img alt="img" src={require("../public/logo.png")} style={{width: '140px', margin: '10px'}}/>
</div> </div>
<div className="square" onClick={this.caidan}> <div className="square" onClick={this.menu}>
<Icon type="down-circle-o" /> <Icon type="down-circle-o" />
</div> </div>
</div> </div>
<ul className={ classCaidan ? "caidan cshow" : "caidan chidden" }> <ul className={ classMenu ? "menu cshow" : "menu chidden" }>
<a href="#"> <a href="#">
<li> <li>
<FormattedMessage id={"Home"}/> <FormattedMessage id={"Home"}/>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment