前后端分离

YouBili_front/src/views/show/IndexView.vue

@@ -28,11 +28,11 @@
           <el-row :gutter="20">
             <el-col v-for="(v,i) of lbList2" :key="i" :span="12">
               <router-link to="/videoIndex">
-              <div class="sp_box">
-                <img :src="v.src" alt="" width="100%">
-                <h4>{{ v.title }}</h4>
-                <p>{{ v.name }}</p>
-              </div>
+                <div class="sp_box">
+                  <img :src="v.src" alt="" width="100%">
+                  <h4>{{ v.title }}</h4>
+                  <p>{{ v.name }}</p>
+                </div>
               </router-link>
             </el-col>
 
@@ -45,11 +45,11 @@
     <div>
       <el-row :gutter="20">
         <router-link to="/videoIndex">
-        <el-col v-for="(v,i) of sum" :key="i" :span="8">
-          <div class="sp_box">
-            视频页面
-          </div>
-        </el-col>
+          <el-col v-for="(v,i) of sum" :key="i" :span="8">
+            <div class="sp_box">
+              视频页面
+            </div>
+          </el-col>
         </router-link>
       </el-row>
     </div>

YouBili_front/src/views/video/videoIndex.vue

 <template>
   <div>
-    <el-card>
-      <div class="box">
-        <el-card>
-          <div id="dplayer" style="width:600px;height: 400px"></div>
-        </el-card>
-      </div>
 
-    </el-card>
   </div>
 </template>