视频列表

src/components/VideoItem.vue

@@ -1,34 +1,35 @@
 <template>
-    <div class="videoitem" @click="navto()">
-        <img src="" alt="" class="cover">
+    <div class="videoitem" @click="navto(videoid)">
+       
+        <img :src="img" alt="" class="cover">
         <img src="@/static/images/play.png" alt="" class="play">
         <div class="title">
-            sadghaskghdfjkaghjkfha
-            <span class="lv">7.3分</span>
+            {{title}} {{videoid}}
+            <span class="lv">{{score}}分</span>
         </div>
         <div class="info">
             <div class="datetime">
-                <span>2020-09-11</span>
-                <span class="time">09:30</span>
+                <span>{{date.split(" ")[0]}}</span>
+                <span class="time">{{date.split(" ")[1]}}</span>
             </div>
             <div class="feature">
                 <div>
                     <img src="@/static/images/watch.png" alt="">
-                    <span>123</span>
+                    <span>{{watch}}</span>
                 </div>
                 <div>
                     <img src="@/static/images/share.png" alt="">
-                    <span>3</span>
+                    <span>{{share}}</span>
                 </div>
             </div>
         </div>
-        <div class="state audit" v-if="type==1">
+        <div class="state audit" v-if="status==0">
             审核中
         </div>
-         <div class="state audit fail" v-if="type==2">
+         <div class="state audit fail" v-if="status==2">
             未通过
         </div>
-         <div class="state audit" v-if="type==3">
+         <div class="state audit" v-if="status==1">
              已发布
         </div>
     </div>
@@ -133,18 +134,45 @@ import { defineComponent } from 'vue';
 
 export default defineComponent({
     props:{
+        videoid:{
+            type:Number
+        },
         type: {
             type: Number,
             default:1
+        },
+        img:{
+            type:String
+        },
+        title:{
+            type:String
+        },
+        score:{
+            type:String
+        },
+        date:{
+            type:String
+        },
+        takehour:{
+            type:String
+        },
+        watch:{
+            type:Number
+        },
+        share:{
+            type:Number
+        },
+        status:{
+            type:Number
         }
     },
     setup() {
-        function navto(){
-            router.push("/regime/videoinfo")
+        function navto(e: number){
+            router.push("/regime/videoinfo?id="+e)
         }
 
         return {
-            navto
+            navto,
         }
     }
 })