From dcde13aa3970f4baadee534144a3948eb893b2bd Mon Sep 17 00:00:00 2001
From: xiongxiaoyang <773861846@qq.com>
Date: Sat, 14 May 2022 20:36:41 +0800
Subject: [PATCH] =?UTF-8?q?feat(Footer.vue):=20=E5=A2=9E=E5=8A=A0=20Footer?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Footer.vue | 30 ++++++++++++++++++++++++++++++
 src/views/Home.vue               | 26 ++++----------------------
 2 files changed, 34 insertions(+), 22 deletions(-)
 create mode 100644 src/components/common/Footer.vue

diff --git a/src/components/common/Footer.vue b/src/components/common/Footer.vue
new file mode 100644
index 0000000..100c294
--- /dev/null
+++ b/src/components/common/Footer.vue
@@ -0,0 +1,30 @@
+ <template>
+  <div class="footer">
+    <div class="box_center cf">
+      <div class="copyright">
+        <ul>
+          <li class="menu">
+            <a href="/?to=mobile">手机站</a><i class="line">|</i
+            ><a href="/">网站首页</a><i class="line">|</i
+            ><a href="/about/default.html">关于我们</a><i class="line">|</i
+            ><a href="/about/contact.html">联系我们</a><i class="line">|</i
+            ><a href="/user/feedback.html">反馈留言</a><i class="line">|</i
+            ><a href="/author/index.html">作家专区</a><i class="line">|</i
+            ><a href="/mobile/fiction_house.apk">客户端</a>
+          </li>
+          <li>
+            Copyright (C) xiongxyang.gitee.io All rights
+            reserved&nbsp;&nbsp;小说精品屋版权所有
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Footer"
+  
+};
+</script>
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 1afc0a3..4467c8c 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -195,27 +195,7 @@
   </div>
   <FriendLink/>
 
-  <div class="footer">
-    <div class="box_center cf">
-      <div class="copyright">
-        <ul>
-          <li class="menu">
-            <a href="/?to=mobile">手机站</a><i class="line">|</i
-            ><a href="/">网站首页</a><i class="line">|</i
-            ><a href="/about/default.html">关于我们</a><i class="line">|</i
-            ><a href="/about/contact.html">联系我们</a><i class="line">|</i
-            ><a href="/user/feedback.html">反馈留言</a><i class="line">|</i
-            ><a href="/author/index.html">作家专区</a><i class="line">|</i
-            ><a href="/mobile/fiction_house.apk">客户端</a>
-          </li>
-          <li>
-            Copyright (C) xiongxyang.gitee.io All rights
-            reserved&nbsp;&nbsp;小说精品屋版权所有
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
+  <Footer/>
 </template>
 
 <script>
@@ -223,6 +203,7 @@ import { reactive, toRefs, onMounted } from "vue";
 import { listHomeBooks } from "@/api/home";
 import { ElMessage, ElLoading } from "element-plus";
 import Header from "@/components/common/Header";
+import Footer from "@/components/common/Footer"
 import LatestNews from "@/components/home/LatestNews"
 import FriendLink from "@/components/home/FriendLink"
 import BookVisitRank from "@/components/home/BookVisitRank"
@@ -236,7 +217,8 @@ export default {
     FriendLink,
     BookVisitRank,
     BookNewestRank,
-    BookUpdateRank
+    BookUpdateRank,
+    Footer
   },
   setup() {
     const state = reactive({