直播管理

src/components/LiveItem.vue

@@ -1,34 +1,34 @@
 <template>
     <div class="videoitem" @click="navto()">
-        <img src="" alt="" class="cover">
+        <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}}
+            <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/shijian.png" alt="">
-                    <span>123</span>
+                    <span>{{takehour}}</span>
                 </div>
                 <div>
                     <img src="@/static/images/studentnum.png" alt="">
-                    <span>3</span>
+                    <span>{{livenum}}</span>
                 </div>
             </div>
         </div>
-        <div class="state audit" v-if="type==1">
+        <div class="state audit" v-if="status==0">
             还未开始
         </div>
-         <div class="state live" v-if="type==2">
+         <div class="state live" v-if="status==1">
             进入直播
         </div>
-         <div class="state over" v-if="type==3">
+         <div class="state over" v-if="status==2">
              查看回放
         </div>
     </div>
@@ -141,6 +141,27 @@ export default defineComponent({
         type: {
             type: Number,
             default:1
+        },
+        img:{
+            type:String
+        },
+        title:{
+            type:String
+        },
+        score:{
+            type:Number
+        },
+        date:{
+            type:String
+        },
+        takehour:{
+            type:String
+        },
+        livenum:{
+            type:Number
+        },
+        status:{
+            type:Number
         }
     },
     setup(props){