直播返修

src/views/regime/Live.vue

@@ -12,9 +12,9 @@
       </div>
     </div>
     <div class="list" v-if="tabindex==1">
-      <LiveItem></LiveItem>
-      <LiveItem></LiveItem>
-      <LiveItem></LiveItem>
+      <LiveItem :type="2"></LiveItem>
+      <LiveItem :type="2"></LiveItem>
+      <LiveItem :type="2"></LiveItem>
       <LiveItem></LiveItem>
       <LiveItem></LiveItem>
       <LiveItem></LiveItem>

src/views/regime/Livedetail.vue

@@ -2,7 +2,7 @@
   <div class="livedetail">
     <div class="info">
       <div class="liveplay">
-        <VideoPlay></VideoPlay>
+        <liveplay></liveplay>
         <div class="liveinfo">
             <div class="left">
                 <div>
@@ -34,11 +34,13 @@
   width: 1320px;
   height: 563px;
   .info {
+    width: 1321px;
     display: flex;
-    justify-content: space-between;
+    justify-content:center;
     .liveplay {
       background: white;
       border-radius: 18px;
+      margin-right: 29px;
       .liveinfo{
         display: flex;
         justify-content: space-between;
@@ -81,13 +83,13 @@
 </style>
 <script lang="ts">
 import { defineComponent } from "vue";
-import VideoPlay from "@/components/VideoPlay.vue";
+import liveplay from "@/components/LivePlay.vue"
 import LiveCount from "@/components/LiveCount.vue";
 import VideoReview from "@/components/VideoReview.vue";
 export default defineComponent({
   components: {
-    VideoPlay,
     LiveCount,
+    liveplay,
     VideoReview,
   },
   setup() {

src/views/regime/Liveing.vue

@@ -14,9 +14,9 @@
       </div>
     </div>
     <div class="info">
-      <LiveingCount></LiveingCount>
-      <div class="liveplay">
-        <LivePlay></LivePlay>
+      <LiveingWatcher></LiveingWatcher>
+      <div class="LivePlaying">
+        <LivePlaying></LivePlaying>
         <div class="comment">
           <div class="commentitem">
             <span>13:32:30</span>
@@ -94,7 +94,7 @@
   .info {
     display: flex;
     justify-content: space-between;
-    .liveplay {
+    .LivePlaying {
       border-radius: 18px;
       margin: 0 35px;
       .comment {
@@ -191,13 +191,13 @@
 </style>
 <script lang="ts">
 import { defineComponent } from "vue";
-import LivePlay from "@/components/LivePlay.vue";
-import LiveingCount from "@/components/LiveingCount.vue";
+import LivePlaying from "@/components/LivePlaying.vue";
+import LiveingWatcher from "@/components/LiveingWatcher.vue";
 
 export default defineComponent({
   components: {
-    LivePlay,
-    LiveingCount,
+    LivePlaying,
+    LiveingWatcher,
   },
   setup() {
     console.log(1);