直播界面扩大

src/views/demo/workmanagement/flightoperation/index.vue

@@ -46,7 +46,7 @@
     <div
       class="LivePreview"
       v-if="livePreviewVisible"
-      :style="{ bottom: airportLiveVisible ? '300px' : '20px' }"
+      :style="{ bottom: airportLiveVisible ? '400px' : '20px' }"
       v-drag
     >
       <LivePreview :msgData="msgData" :uavLive="uavLive" />

src/views/demo/workmanagement/flightoperation/src/AirportLive.vue

@@ -127,8 +127,8 @@
     setTimeout(() => {
       startLiveFun();
       player = TCPlayer('player-container-id', {
-        width: 360,
-        height: 200,
+        width: 460,
+        height: 300,
         sources: [
           {
             src: 'http://175.27.168.120:6012/live/2.flv', // 播放地址
@@ -148,8 +148,8 @@
 </script>
 <style lang="less" scoped>
   .airport-live {
-    width: 400px;
-    height: 248px;
+    width: 500px;
+    height: 348px;
     padding: 10px 20px;
     background: #0d0e15;
     box-shadow:
@@ -184,7 +184,7 @@
       }
     }
     .player {
-      height: 200px;
+      height: 300px;
       #player-container-id-live {
         height: 100%;
       }

src/views/demo/workmanagement/flightoperation/src/LivePreview.vue

@@ -247,8 +247,8 @@
   });
   const playVideo = () => {
     player = TCPlayer('player-container-id-live', {
-      width: 380,
-      height: 180,
+      width: 480,
+      height: 280,
       sources: [
         {
           src: 'http://175.27.168.120:6012/live/4.flv', // 播放地址
@@ -290,8 +290,8 @@
 </script>
 <style lang="less" scoped>
   .live-preview {
-    width: 400px;
-    height: 248px;
+    width: 500px;
+    height: 348px;
     padding: 10px;
     background: #0d0e15;
     box-shadow:
@@ -369,7 +369,7 @@
       z-index: 3;
     }
     .player {
-      height: 180px;
+      height: 280px;
       #player-container-id-live {
         height: 100%;
       }