opti: modify home

client/containers/Home/Home.js

@@ -1,6 +1,7 @@
 import './Home.scss'
 import React, { Component } from 'react'
 import { connect } from 'react-redux'
+import { Link } from 'react-router-dom'
 import { Row, Col, Button } from 'antd'
 import PropTypes from "prop-types"
 import Login from '../Login/login-wrap'
@@ -66,12 +67,18 @@ class Home extends Component {
       <div className="home-main">
         {login?
           (
-            <div className="main-one">
-              <div>
-                登录以后的首页
+            <div className="user-home">
+              <div className="user-des">
+                <p className="title">YAPI</p>
+                <p className="des">一个高效，易用，功能强大的api管理系统</p>
+                <div className="btn">
+                  <Button type="primary" size="large">
+                    <Link to="/ProjectGroups" onClick={this.toStart}>开始</Link>
+                  </Button>
+                </div>
               </div>
-              <Button type="primary" size="large">开始</Button>
-            </div>)
+            </div>
+          )
           : <HomeGuest introList={this.props.introList}/>}
         <Footer/>
       </div>

client/containers/Home/Home.scss

@@ -43,6 +43,31 @@ $color-black-lighter: #404040;
       padding-left: .15rem;
     }
   }
+  .user-home{
+    height:calc(100% - .64rem);
+    padding: .5rem .5rem 0 .5rem;
+    .user-des{
+      max-width: 11rem;
+      margin: 0 auto .5rem;
+      text-align: center;
+      .title{
+        font-size: .8rem;
+        margin-bottom: .2rem;
+      }
+      .des{
+        font-size: .25rem;
+        margin-bottom: .3rem;
+      }
+      .btn{
+        button{
+          font-size: .2rem;
+          line-height: .2rem;
+          height: .5rem;
+          padding: .15rem .5rem;
+        }
+      }
+    }
+  }
   .main-part{
     padding: .9rem .5rem;
     &:nth-child(odd){