查看方式 对应

src/views/book/courseware/preview/components/common/VideoPlay.vue

@@ -23,7 +23,7 @@
       </div>
     </template>
     <div v-else class="video-box small-box">
-      <template v-if="'list' === viewMethod">
+      <template v-if="'independent' === viewMethod">
         <video
           ref="veo"
           :src="url"
@@ -75,7 +75,7 @@ export default {
     },
     viewMethod: {
       type: String,
-      default: 'independent',
+      default: 'list',
     },
     showPlay: {
       // 播放暂停时是否显示播放器中间的暂停图标

src/views/book/courseware/preview/components/video/VideoPreview.vue

@@ -2,18 +2,18 @@
   <div class="video_area" :style="getAreaStyle()">
     <SerialNumberPosition :property="data.property" />
     <div ref="videoArea" class="main">
-      <ul v-if="'list' === data.property.view_method" class="view-list">
+      <ul v-if="'independent' === data.property.view_method" class="view-independent">
         <li v-for="(file, i) in data.file_list" :key="i">
           <VideoPlay
             view-size="small"
-            view-method="list"
+            view-method="independent"
             :file-id="file.file_id"
             :cur-video-index="curVideoIndex"
             @changeFile="changeFile"
           />
         </li>
       </ul>
-      <div v-if="'independent' === data.property.view_method" class="view-independent">
+      <div v-else class="view-list">
         <el-carousel
           ref="video_carousel"
           indicator-position="none"
@@ -200,7 +200,7 @@ export default {
     grid-area: main;
     width: 100%;
 
-    .view-list {
+    .view-independent {
       display: flex;
       flex-wrap: wrap;
       gap: 20px;
@@ -212,7 +212,7 @@ export default {
       }
     }
 
-    .view-independent {
+    .view-list {
       display: flex;
       column-gap: 32px;