导航栏样式修改，对静态主页的补充

vueHomilyLink/src/components/Nav.vue

@@ -5,9 +5,10 @@
 <template>
     <div class="nav">
         <div class="container">
-            <a href="#">频道</a>
-            <a href="#">俱乐部</a>
-            <a href="#">直播</a>
+            <router-link to="/">首页</router-link>
+        <router-link to="/channel">频道</router-link>
+        <router-link to="/club">俱乐部</router-link>
+        <router-link to="/live">直播</router-link>
         </div>
     </div>
 </template>
@@ -17,14 +18,16 @@
     background-color: rgba(177, 174, 159, 0.493); 
     height: 30px;
     border-bottom: 1px solid #aaa;
-    width: 100%;
+    width: 1200px;
+    margin-right: auto;
+    margin-left: auto;
 }
 .container{
     width: 1200px;
-    a{
+}
+a{
         margin-right: 40px;
         margin-left: 50px;
         color: black;
     }
-}
 </style>