直播页面加入顶部导航栏

vueHomilyLink/src/views/LiveView.vue

@@ -1,4 +1,6 @@
 <template>
+    <!-- 顶部导航栏 -->
+    <Nav></Nav> 
     <!-- 卡片 -->
     <div class="card-container">
         <div v-for="(live, index) in liveList" :key="index" class="card">
@@ -30,6 +32,7 @@
 import liveApi from '@/api/LiveApi';
 import { ref } from 'vue';
 import { ElMessage } from 'element-plus';
+import Nav from '@/components/Nav.vue';
 /*
 模拟后端数据
 */
@@ -102,7 +105,6 @@ function cancelBooking(liveId, userId) {
     padding: 0;
     flex-wrap: wrap;
     /*超出自动换行*/
-    background-color: #f4f4f4;
     display: flex;
     align-items: center;
 }