完成直播静态H5页面的跳转

vueHomilyLink/src/components/Nav.vue

@@ -7,7 +7,7 @@
         <div class="container">
             <a href="#">频道</a>
             <a href="#">俱乐部</a>
-            <a href="#">直播</a>
+            <a href="/live">直播</a>
         </div>
     </div>
 </template>

vueHomilyLink/src/views/LiveView.vue

@@ -3,7 +3,7 @@
     <div class="card-container">
         <div class="card">
             <div class="cover-image" style="position:relative;">
-                <img src="例图.jpg" alt="节目1">
+                <img src="../assets/live.jpg" alt="节目1">
                 <div
                     style="position:absolute; z-index:2;text-align:center;top:30%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;">
                     即将开播</div>
@@ -15,7 +15,7 @@
                 <div class="card-title">猎庄之顶级波段猎庄之顶级波段猎庄之顶级波段猎庄之顶级波段</div>
                 <div class="card-actions"> <!-- 新增的容器类用于动作 -->
                     <!-- 用户头像 -->
-                    <img src="例图.jpg" alt="节目1" class="user-avatar"
+                    <img src="../assets/live.jpg" alt="节目1" class="user-avatar"
                         style="border-radius: 50%; width: 20px; height: 20px;">
                     <!-- 用户昵称，与头像同行显示 -->
                     <div class="card-info">用户昵称用户昵称用户昵称用户昵称</div>
@@ -30,7 +30,7 @@
     <div class="card-container">
         <div class="card">
             <div class="cover-image" style="position:relative;">
-                <img src="例图.jpg" alt="节目1">
+                <img src="../assets/live.jpg" alt="节目1">
                 <div
                     style="position:absolute; z-index:2;text-align:center;top:30%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;">
                     即将开播</div>
@@ -42,7 +42,7 @@
                 <div class="card-title">猎庄之顶级波段猎庄之顶级波段猎庄之顶级波段猎庄之顶级波段</div>
                 <div class="card-actions"> <!-- 新增的容器类用于动作 -->
                     <!-- 用户头像 -->
-                    <img src="例图.jpg" alt="节目1" class="user-avatar"
+                    <img src="../assets/live.jpg" alt="节目1" class="user-avatar"
                         style="border-radius: 50%; width: 20px; height: 20px;">
                     <!-- 用户昵称，与头像同行显示 -->
                     <div class="card-info">用户昵称用户昵称用户昵称用户昵称</div>
@@ -57,7 +57,7 @@
     <div class="card-container">
         <div class="card">
             <div class="cover-image" style="position:relative;">
-                <img src="例图.jpg" alt="节目1">
+                <img src="../assets/live.jpg" alt="节目1">
                 <div
                     style="position:absolute; z-index:2;text-align:center;top:30%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;">
                     即将开播</div>
@@ -69,7 +69,7 @@
                 <div class="card-title">猎庄之顶级波段猎庄之顶级波段猎庄之顶级波段猎庄之顶级波段</div>
                 <div class="card-actions"> <!-- 新增的容器类用于动作 -->
                     <!-- 用户头像 -->
-                    <img src="例图.jpg" alt="节目1" class="user-avatar"
+                    <img src="../assets/live.jpg" alt="节目1" class="user-avatar"
                         style="border-radius: 50%; width: 20px; height: 20px;">
                     <!-- 用户昵称，与头像同行显示 -->
                     <div class="card-info">用户昵称用户昵称用户昵称用户昵称</div>
@@ -84,7 +84,7 @@
     <div class="card-container">
         <div class="card">
             <div class="cover-image" style="position:relative;">
-                <img src="例图.jpg" alt="节目1">
+                <img src="../assets/live.jpg" alt="节目1">
                 <div
                     style="position:absolute; z-index:2;text-align:center;top:30%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;">
                     即将开播</div>
@@ -96,7 +96,7 @@
                 <div class="card-title">猎庄之顶级波段猎庄之顶级波段猎庄之顶级波段猎庄之顶级波段</div>
                 <div class="card-actions"> <!-- 新增的容器类用于动作 -->
                     <!-- 用户头像 -->
-                    <img src="例图.jpg" alt="节目1" class="user-avatar"
+                    <img src="../assets/live.jpg" alt="节目1" class="user-avatar"
                         style="border-radius: 50%; width: 20px; height: 20px;">
                     <!-- 用户昵称，与头像同行显示 -->
                     <div class="card-info">用户昵称用户昵称用户昵称用户昵称</div>
@@ -111,7 +111,7 @@
     <div class="card-container">
         <div class="card">
             <div class="cover-image" style="position:relative;">
-                <img src="例图.jpg" alt="节目1">
+                <img src="../assets/live.jpg" alt="节目1">
                 <div
                     style="position:absolute; z-index:2;text-align:center;top:30%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;">
                     即将开播</div>
@@ -123,7 +123,7 @@
                 <div class="card-title">猎庄之顶级波段猎庄之顶级波段猎庄之顶级波段猎庄之顶级波段</div>
                 <div class="card-actions"> <!-- 新增的容器类用于动作 -->
                     <!-- 用户头像 -->
-                    <img src="例图.jpg" alt="节目1" class="user-avatar"
+                    <img src="../assets/live.jpg" alt="节目1" class="user-avatar"
                         style="border-radius: 50%; width: 20px; height: 20px;">
                     <!-- 用户昵称，与头像同行显示 -->
                     <div class="card-info">用户昵称用户昵称用户昵称用户昵称</div>