🎨 页脚展示效果调整

components/layouts/pc/footer.vue

@@ -1,11 +1,20 @@
 <template>
   <el-row class="footer">
-    <el-col style="text-align: center;">
-      <el-col :xs="24" :sm="24" :xl="12">
+    <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 :xs="24" :sm="24" :xl="12">
+      </el-col>
+      <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
@@ -18,6 +27,7 @@
           </el-col>
         </el-col>
       </el-col>
+    </el-col>
   </el-row>
 </template>
 
@@ -43,4 +53,7 @@
     align-items: center;
     display: flex;
   }
+  .footer .footer-link {
+    margin-left: 2rem;
+  }
 </style>

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;