{"size": 1301, "ext": "js", "max_stars_repo_path": "my-app/src/App.js", "max_stars_repo_name": "yuyancheng/create-react-app", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "my-app/src/App.js", "max_issues_repo_name": "yuyancheng/create-react-app", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "my-app/src/App.js", "max_forks_repo_name": "yuyancheng/create-react-app", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 29.5681818182, "max_line_length": 65, "alphanum_fraction": 0.4158339739}
import React, {Component} from 'react';
// import logo from './logo.svg';
import logo from './assets/img/logo.png';
import './App.css';

import TopNav from './components/TopNav';
import LoginStatus from './components/LoginStatus';
import SideNav from './components/SideNav';
import './assets/css/common.css';

class App extends Component {
    render () {
        return (
            <div className="app">
                <header className="app-header">
                    {/* logo */}
                    <div className="app-logo">
                        <img src={logo} className="" alt="logo"/>
                    </div>
                    {/* 顶部导航 */}
                    <TopNav className="top-nav" />
                    {/* 登录状态 */}
                    <LoginStatus className="login-status" />
                </header>
                
                <div>
                    {/* 侧边导航 */}
                    <aside className="side-nav">
                        <SideNav />
                    </aside>
                    {/* 主体内容 */}
                    <div className="app-main">
                        <div></div>
                    </div>
                </div>

                <footer className="app-footer"></footer>
            </div>
        );
    }
}

export default App;
