run

src/conf/config.js

@@ -1,5 +1,5 @@
-let dc = 'http://localhost:8080'
+const dc = 'http://localhost:9090'
 
 export {
-    dc
+  dc
 }

src/layouts/mainLayout/index.js

@@ -42,10 +42,10 @@ export default class MainLayout extends React.PureComponent {
           <Sider trigger={null} collapsible collapsed={collapsed}>
             <div className={s.logoWrap} href="/">
               <img src={logo} className={s.logo} alt="logo"/>
-              {collapsed ? '' : <p>后端应用后台</p>}
+              {collapsed ? '' : <p><a href="/">后端应用后台</a></p>}
             </div>
             <Menu theme="dark" mode="inline" defaultSelectedKeys={['1']}>
-              <SubMenu
+              <SubMenu onTitleClick={() => { router.push('/dc') }}
                 key="sub1"
                 title={
                   <span>

src/layouts/mainLayout/index.less

@@ -35,10 +35,14 @@
       white-space: nowrap;
       margin: 0;
       color: #fff;
+    }&>p>a {
+      white-space: nowrap;
+      margin: 0;
+      color: #fff;
     }
     .logo {
       height: 32px;
-      margin: 0 24px;
+      margin: 0px 5px 0px 24px;
     }
   }
   .content {

src/pages/index.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import s from './index.less'
+import { Calendar } from 'antd'
 
 export default class MainPage extends React.PureComponent {
   state = {
@@ -11,7 +12,7 @@ export default class MainPage extends React.PureComponent {
   render () {
     return (
       <div className={s.mainPage}>
-        MainPage
+        <Calendar/>
       </div>
     )
   }