✨ feat(视频播放组件): 初始化视频时机调整

@@ -82,6 +82,7 @@ export default {
   created() {
   },
   mounted() {
+    setTimeout(() => {
       var mp = new MuiPlayer({
         container: '#mui-player-' + this.item.case_id,
         title: this.item.title,
@@ -95,6 +96,7 @@ export default {
         ]
       })
       this.detail = _.cloneDeep(this.item)
+    }, 500);
   },
   methods: {
     setLike() {

@@ -153,6 +153,7 @@ export default {
   created() {
   },
   mounted() {
+    setTimeout(() => {
       var mp = new MuiPlayer({
         container: '#mui-player-' + this.item.case_id,
         title: this.item.title,
@@ -166,6 +167,7 @@ export default {
         ]
       })
       this.detail = _.cloneDeep(this.item)
+    }, 500);
   },
   methods: {
     setLike() {

@@ -42,12 +42,6 @@ import { useRoute, useRouter } from 'vue-router'
 const $route = useRoute();
 const $router = useRouter();
 
-const goTo = () => { // 跳转作品详情页
-  $router.push({
-    path: '/client/videoDetail'
-  });
-}
-
 onMounted(() => {
 })
 
@@ -64,6 +58,7 @@ export default {
   created() {
   },
   mounted() {
+    setTimeout(() => {
       var mp = new MuiPlayer({
         container: '#mui-player-' + this.item.id,
         title: this.item.title,
@@ -77,8 +72,17 @@ export default {
         ]
       })
       this.detail = _.cloneDeep(this.item)
+    }, 500);
   },
   methods: {
+    goTo () { // 跳转作品详情页
+      this.$router.push({
+        path: '/client/videoDetail',
+        query: {
+          prod_id: this.item.id
+        }
+      });
+    },
     setLike() {
       this.detail.is_like = !this.detail.is_like
     },
@@ -106,9 +110,7 @@ export default {
     color: #713610;
     padding: 1rem;
     padding-bottom: 0.5rem;
-    .avatar {
  
   }
-  }
 }
 </style>
\ No newline at end of file

 <template>
   <div class="video-wrapper">
-    <div class="video-div" :id="'mui-player-' + item.case_id"></div>
+    <div class="video-div" :id="'mui-player-' + item.id"></div>
     <div class="video-bar">
       <van-row style="text-align: center;">
         <van-col span="7">
           <span style="color: #777777;">
-            3068次播放
+            {{ item.play_num }}次播放
           </span>
         </van-col>
         <van-col span="1" style="color: #EEEDED;">
@@ -13,9 +13,9 @@
         </van-col>
         <van-col span="8">
           <span @click="setCollect">
-            <van-icon v-if="!detail.collected" :name="icon_shoucang1" size="1.2rem" style="vertical-align: bottom;" />
+            <van-icon v-if="!detail.is_favor" :name="icon_shoucang1" size="1.2rem" style="vertical-align: bottom;" />
             <van-icon v-else :name="icon_shoucang2" size="1.2rem" style="vertical-align: bottom;" />
-            10086
+            {{ item.favor_num }}
           </span>
         </van-col>
         <van-col span="1" style="color: #EEEDED;">
@@ -23,9 +23,9 @@
         </van-col>
         <van-col span="7">
           <span @click="setLike()">
-            <van-icon v-if="!detail.liked" :name="icon_dianzan1" size="1.2rem" style="vertical-align: bottom;" />
+            <van-icon v-if="!detail.is_like" :name="icon_dianzan1" size="1.2rem" style="vertical-align: bottom;" />
             <van-icon v-else :name="icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" />
-            10086
+            {{ item.like_num }}
           </span>
         </van-col>
       </van-row>
@@ -70,11 +70,12 @@ export default {
   created() {
   },
   mounted() {
+    setTimeout(() => {
       var mp = new MuiPlayer({
-      container: '#mui-player-' + this.item.case_id,
+        container: '#mui-player-' + this.item.id,
         title: this.item.title,
-      src: this.item.video.url,
-      poster: this.item.cover.url,
+        src: this.item.video,
+        poster: this.item.cover,
         autoFit: false,
         videoAttribute: [ // 声明启用同层播放, 不让会自动全屏播放
           {attrKey:'webkit-playsinline',attrValue:'webkit-playsinline'},
@@ -83,17 +84,20 @@ export default {
         ]
       })
       this.detail = _.cloneDeep(this.item)
+    }, 500)
   },
   methods: {
     setCollect() {
-      this.detail.collected = !this.detail.collected
+      console.warn(this.detail.is_favor);
+      // this.detail.is_favor = this.detail.is_favor ? 1 : 0
     },
     setLike() {
-      this.detail.liked = !this.detail.liked
+      console.warn(this.detail.is_like);
+      // this.detail.is_like = this.detail.is_like ? 1 : 0
     },
     setCommit() {
       console.warn('跳转详情页，移动到留言页');
-      console.warn(this.detail.case_id);
+      console.warn(this.detail.id);
     }
   }
 }