U - 更新Footer

spug_web/src/layout/Footer.js

@@ -12,8 +12,17 @@ export default class extends React.Component {
   render() {
     return (
       <Layout.Footer style={{padding: 0}}>
-        <div className={styles.footer}>
-          Copyright <Icon type="copyright"/> 2019 By Open Spug
+        <div className={styles.footerZone}>
+          <div className={styles.linksZone}>
+            <a className={styles.links} title="官网" href="https://www.spug.dev"  target="_blank" >官网</a>
+            <a className={styles.links} title="Github" href="https://github.com/openspug/spug"  target="_blank" >
+              <Icon type="github" />
+            </a>
+            <a title="文档" href="https://www.spug.dev/docs/about-spug/"  target="_blank" >文档</a>
+          </div>
+          <text>
+            Copyright <Icon type="copyright"/> 2019 By OpenSpug
+          </text>
         </div>
       </Layout.Footer>
     )

spug_web/src/layout/layout.module.css

@@ -89,8 +89,20 @@
     border-top: 1px solid #e8e8e8;
 }
 
-.footer {
-    margin: 48px 0 24px;
+.footerZone {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    padding: 20px;
+    font-size: 14px;
     text-align: center;
-    color: rgba(0, 0, 0, .45);
+    display: flex;
+    flex-direction: column;
+}
+
+.footerZone .linksZone {
+    margin-bottom: 7px;
+}
+.footerZone .links{
+    margin-right: 40px;
 }

spug_web/src/pages/login/index.js

@@ -100,8 +100,16 @@ class LoginIndex extends React.Component {
             loading={this.state.loading}
             onClick={this.handleSubmit}>登录</Button>
         </div>
-        <div className={styles.footer}>
-          Copyright <Icon type="copyright"/> 2019 By Open Spug
+
+        <div className={styles.footerZone}>
+          <div className={styles.linksZone}>
+            <a  className={styles.links} title="官网" href="https://www.spug.dev"  target="_blank" >官网</a>
+            <a className={styles.links}  title="Github" href="https://github.com/openspug/spug"  target="_blank" >
+              <Icon type="github" />
+            </a>
+            <a  title="文档" href="https://www.spug.dev/docs/about-spug/"  target="_blank" >文档</a>
+          </div>
+            <text >Copyright <Icon type="copyright" /> 2019 By OpenSpug</text>
         </div>
       </div>
     )

spug_web/src/pages/login/login.module.css

@@ -5,6 +5,8 @@
     background-size: 100%;
     background-color: #f0f2f5;
     height: 100vh;
+    display: flex;
+    flex-direction: column;
 }
 
 .titleContainer {
@@ -24,12 +26,14 @@
     margin-bottom: 40px;
     color: rgba(0, 0, 0, .45);
     font-size: 14px;
-    font-weight: 300;
+    font-weight: 400;
+
 }
 
 .formContainer {
     width: 368px;
     margin: 0 auto;
+    flex: 1;
 }
 
 .formContainer .tabs {
@@ -49,14 +53,24 @@
     margin-top: 10px;
 }
 
-.footer {
+.footerZone {
     width: 100%;
-    position: fixed;
-    bottom: 24px;
+    bottom: 0;
+    padding: 20px;
+    font-size: 14px;
     text-align: center;
-    color: rgba(0, 0, 0, .45);
+    display: flex;
+    flex-direction: column;
+}
+
+.footerZone .linksZone {
+    margin-bottom: 7px;
+}
+
+.footerZone .links {
+    margin-right: 40px;
 }
 
 .tips {
     top: 230px
-}
+}