替换了4个空格缩进

src/components/LivePlay.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="video">
-    <video src=""></video>
+    <video :controls="true" :src="info.vodurl"></video>
     <div class="liveinfo">
           <div class="left">
               <div>
@@ -9,11 +9,11 @@
               </div>
               <div>
                   <img src="@/static/images/livewatch.png" alt="" class="icon">
-                  <span>2020-09-11  18:30</span>
+                  <span>{{info.dateline}}</span>
               </div>
               <div>
                   <img src="@/static/images/livetimetake.png" alt="" class="icon">
-                  <span>30min</span>
+                  <span>{{info.vodduration}}min</span>
               </div>
                     <div>
                   <img src="@/static/images/shoucang.png" alt="" class="icon">
@@ -31,7 +31,6 @@
   width: 976px;
   height: 563px;
   border-radius: 18px;
-  background-color: #0f0;
   overflow: hidden;
   > video {
     width: 100%;
@@ -78,11 +77,18 @@
 }
 </style>
 <script lang="ts">
-import { defineComponent } from "vue";
+import { defineComponent, ref } from "vue";
 
 export default defineComponent({
-  setup() {
+  props:{
+    info: Object
+  },
+  setup(props) {
     console.log(1);
+    // const liveinfo = ref(props.liveinfo)
+    return {
+      // liveinfo
+    }
   },
 });
 </script>