Update previewVideo.vue

src/views/liveActive/model/previewVideo.vue

@@ -3,12 +3,7 @@
     <div class="h2 flex-center">视频列表</div>
 
     <div class="video-list">
-      <div
-        class="video-item"
-        v-for="(item, index) in videoList"
-        :key="index"
-        @click="onDetail(item)"
-      >
+      <div class="video-item" v-for="(item, index) in videoList" :key="index" @click="onDetail(item)">
         <!-- <videoPlayer
           class="ql-video video"
           height="100%"
@@ -21,25 +16,11 @@
         <img src="../images/video_default.png" class="video" />
         <p class="time">{{ item.createdTime }}</p>
       </div>
-      <MEmpty
-        v-if="!videoStatus"
-        msg="暂无视频"
-        style="width: 100%; margin-bottom: 0.1rem"
-      />
+      <MEmpty v-if="!videoStatus" msg="暂无视频" style="width: 100%; margin-bottom: 0.1rem" />
 
-      <van-popup
-        v-model="videoPopup"
-        :class="[os == 'mobile' ? 'androidClass' : 'iosClass']"
-        closeable
-      >
+      <van-popup v-model="videoPopup" :class="[os == 'mobile' ? 'androidClass' : 'iosClass']" closeable>
         <!-- height="1.915rem" -->
-        <videoPlayer
-          v-if="videoPopup"
-          class="ql-video"
-          :fullscreen="isAndroid && os == 'mobile' ? false : true"
-          :height="os == 'mobile' ? '100%' : '1.915rem'"
-          :src="videoSrc"
-        ></videoPlayer>
+        <videoPlayer v-if="videoPopup" class="ql-video" :fullscreen="isAndroid && os == 'mobile' ? false : true" :height="os == 'mobile' ? '100%' : '1.915rem'" :src="videoSrc"></videoPlayer>
         <!--    -->
       </van-popup>
     </div>
@@ -166,5 +147,8 @@ export default {
   width: 100%;
   height: 100%;
   display: flex;
+  .ql-video {
+    width: 100%;
+  }
 }
 </style>