调整控制

components/course/course-video.vue

@@ -1,11 +1,13 @@
 <template>
   <div class="video-item-box">
     <i @click="playVideo" class="video-play-btn"></i>
-    <img :src="imgUrl" :alt="title">
-    <p><span>{{ title }}</span><span>用途：生产工艺</span></p>-->
+    <img :src="imgUrl" :alt="videoData.title">
+    <p>
+      <span v-if="videoData.title">{{ videoData.title }}</span>
+      <span v-if="showTitle">{{videoData.purpose}}</span></p>
     <!--  视频播放弹窗 -->
     <el-dialog
-      :title="dialogTitle"
+      :title="videoData.title"
       :visible.sync="videoDialogFlag"
       @close="closeVideoDialog"
       class="course-video-dialog"
@@ -23,17 +25,17 @@ export default {
       type: String,
       require: '',
     },
-    title: {
-      type: String,
-      default: ''
-    },
-    dialogTitle: {
-      type: String,
-      default: ''
+    videoData: {
+      type: Object,
+      default: () => ({})
     },
     imgUrl: {
       type: String,
       default: ''
+    },
+    showTitle: {
+      type: Boolean,
+      default: true
     }
   },
   data() {

pages/courseware/animation.vue

@@ -19,7 +19,7 @@
         <div class="classification__info-subHead">{{curItem.subhead}}</div>
         <ul class="classification__info-videos">
           <li v-for="item in curItem.videos" class="classification-video-item">
-            <course-video :img-url="item.imgUrl" :title="item.title" :dialog-title="item.title" :source="item.url"></course-video>
+            <course-video :img-url="item.imgUrl" :video-data="item" :source="item.url"></course-video>
           </li>
         </ul>
         <div class="classification-btns">