From ef297115c3d122b0fcb2a4d5d4b327a0bff5de14 Mon Sep 17 00:00:00 2001
From: x ronger <ronger-x@outlook.com>
Date: Sun, 18 Oct 2020 17:52:30 +0800
Subject: [PATCH] =?UTF-8?q?:art:=20=E9=A1=B5=E8=84=9A=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layouts/pc/footer.vue | 39 +++++++++++++++++++++-----------
 components/layouts/pc/main.vue   |  3 +--
 2 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/components/layouts/pc/footer.vue b/components/layouts/pc/footer.vue
index 46716ee..35de6a6 100644
--- a/components/layouts/pc/footer.vue
+++ b/components/layouts/pc/footer.vue
@@ -1,19 +1,29 @@
 <template>
   <el-row class="footer">
-    <el-col style="text-align: center;">
-      <el-col :xs="24" :sm="24" :xl="12">
-        <span>{{ slogan }}</span>
-        <span>{{ slogan_en }}</span>
+    <el-col>
+      <el-col style="text-align: right;margin-bottom: 0.5rem;">
+        <el-col>
+          <span>{{ slogan }}</span>
+          <span>{{ slogan_en }}</span>
+        </el-col>
       </el-col>
-      <el-col :xs="24" :sm="24" :xl="12">
-        <el-col class="row align-items-center">
-          <el-col class="col-auto">
-            Copyright © 2020
-            <el-link rel="nofollow" :underline="false" href="/" style="vertical-align: baseline;"><span>{{ systemName }}</span>
-            </el-link>
-            .
-            <el-link rel="nofollow" :underline="false" href="http://www.beian.miit.gov.cn/" style="vertical-align: baseline;"><span>{{ beiAn }}</span>
-            </el-link>
+      <el-col :span="12" style="text-align: left;">
+        <el-link class="footer-link" rel="nofollow" :underline="false" href="/guides/markdown" style="vertical-align: baseline;"><span>Markdown 教程</span></el-link>
+        <el-link class="footer-link" rel="nofollow" :underline="false" href="/" style="vertical-align: baseline;"><span>社区规章</span></el-link>
+        <el-link class="footer-link" rel="nofollow" :underline="false" href="/" style="vertical-align: baseline;"><span>意见反馈</span></el-link>
+        <el-link class="footer-link" rel="nofollow" :underline="false" href="/" style="vertical-align: baseline;"><span>关于我们</span></el-link>
+      </el-col>
+      <el-col :span="12" style="text-align: right;">
+        <el-col>
+          <el-col class="row align-items-center">
+            <el-col class="col-auto">
+              Copyright © 2020
+              <el-link rel="nofollow" :underline="false" href="/" style="vertical-align: baseline;"><span>{{ systemName }}</span>
+              </el-link>
+              .
+              <el-link rel="nofollow" :underline="false" href="http://www.beian.miit.gov.cn/" style="vertical-align: baseline;"><span>{{ beiAn }}</span>
+              </el-link>
+            </el-col>
           </el-col>
         </el-col>
       </el-col>
@@ -43,4 +53,7 @@
     align-items: center;
     display: flex;
   }
+  .footer .footer-link {
+    margin-left: 2rem;
+  }
 </style>
diff --git a/components/layouts/pc/main.vue b/components/layouts/pc/main.vue
index 20b12ac..ea32cd9 100644
--- a/components/layouts/pc/main.vue
+++ b/components/layouts/pc/main.vue
@@ -6,7 +6,7 @@
     <el-main>
       <nuxt :nuxt-child-key="$route.name"/>
     </el-main>
-    <el-footer>
+    <el-footer height="5rem">
       <footer-view/>
     </el-footer>
     <div v-if="isPostArticle && isShow" style="position: fixed;bottom: 10vh;right: 3vw;">
@@ -98,7 +98,6 @@
 
   .el-footer {
     position: relative;
-    /*bottom: 0;*/
     width: 100%;
     padding-top: 1.2rem;
     background: #fff;