From 39e64996cec28ab7a1cad24bfa08bba33a0bbb67 Mon Sep 17 00:00:00 2001
From: zypo <yupozhang@gmail.com>
Date: Fri, 17 Jan 2020 20:26:55 +0800
Subject: [PATCH] =?UTF-8?q?U=20-=20=E6=9B=B4=E6=96=B0Footer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/layout/Footer.js             | 13 ++++++++++--
 spug_web/src/layout/layout.module.css     | 18 +++++++++++++---
 spug_web/src/pages/login/index.js         | 12 +++++++++--
 spug_web/src/pages/login/login.module.css | 26 +++++++++++++++++------
 4 files changed, 56 insertions(+), 13 deletions(-)

diff --git a/spug_web/src/layout/Footer.js b/spug_web/src/layout/Footer.js
index b9e8cfd..b2e024a 100644
--- a/spug_web/src/layout/Footer.js
+++ b/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>
     )
diff --git a/spug_web/src/layout/layout.module.css b/spug_web/src/layout/layout.module.css
index 4619f71..840980e 100644
--- a/spug_web/src/layout/layout.module.css
+++ b/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;
 }
diff --git a/spug_web/src/pages/login/index.js b/spug_web/src/pages/login/index.js
index 0cd937f..b3dbadc 100644
--- a/spug_web/src/pages/login/index.js
+++ b/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>
     )
diff --git a/spug_web/src/pages/login/login.module.css b/spug_web/src/pages/login/login.module.css
index ea69e04..151c950 100644
--- a/spug_web/src/pages/login/login.module.css
+++ b/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
-}
\ No newline at end of file
+}