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({