From 22076d12866c13221b6210eb301e4aa7448db571 Mon Sep 17 00:00:00 2001
From: xiongxiaoyang <773861846@qq.com>
Date: Sun, 15 May 2022 12:09:13 +0800
Subject: [PATCH] =?UTF-8?q?refactor(components):=20=E6=8B=86=E5=88=86=20na?=
 =?UTF-8?q?vbar=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/Header.vue | 16 +++++-----------
 src/components/common/Navbar.vue | 19 +++++++++++++++++++
 2 files changed, 24 insertions(+), 11 deletions(-)
 create mode 100644 src/components/common/Navbar.vue

diff --git a/src/components/common/Header.vue b/src/components/common/Header.vue
index cda0cab..3d25848 100644
--- a/src/components/common/Header.vue
+++ b/src/components/common/Header.vue
@@ -28,24 +28,18 @@
         </div>
       </div>
     </div>
-    <div class="mainNav" id="mainNav">
-      <div class="box_center cf">
-        <ul class="nav" id="navModule">
-          <li class="on"><a href="/">首页</a></li>
-          <li><a href="/book/bookclass.html">全部作品</a></li>
-          <li><a href="/book/book_ranking.html">排行榜</a></li>
-          <li class=""><a href="/pay/index.html">充值</a></li>
-          <li><a href="/author/index.html" target="_blank">作家专区</a></li>
-        </ul>
-      </div>
-    </div>
+    <Navbar/>
   </div>
 </template>
 
 <script>
 import logo from "@/assets/images/logo.png";
+import Navbar from "@/components/common/Navbar"
 export default {
   name: "Header",
+  components:{
+    Navbar
+  },
   setup() {
     return {
       logo
diff --git a/src/components/common/Navbar.vue b/src/components/common/Navbar.vue
new file mode 100644
index 0000000..e974a01
--- /dev/null
+++ b/src/components/common/Navbar.vue
@@ -0,0 +1,19 @@
+ <template>
+  <div class="mainNav" id="mainNav">
+    <div class="box_center cf">
+      <ul class="nav" id="navModule">
+        <li class="on"><a href="/">首页</a></li>
+        <li><a href="/book/bookclass.html">全部作品</a></li>
+        <li><a href="/book/book_ranking.html">排行榜</a></li>
+        <li class=""><a href="/pay/index.html">充值</a></li>
+        <li><a href="/author/index.html" target="_blank">作家专区</a></li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Navbar"
+};
+</script>
\ No newline at end of file