Explorar o código

视频墙布局调整-提交

lxh hai 1 ano
pai
achega
8501118f60

+ 11 - 14
src/views/vent/monitorManager/camera/index.vue

@@ -267,9 +267,8 @@ function setNoRtspVideo(id, videoAddr) {
       lang: 'zh',
       id: id,
       url: videoAddr,
-      // width: 354,
-      width:100,
-      height:45,
+      width:589,
+      height:330,
       poster: '/src/assets/images/vent/noSinge.png',
       plugins: [FlvPlugin],
       fluid: true,
@@ -307,10 +306,8 @@ function setNoRtspVideo(id, videoAddr) {
         lang: 'zh',
         id: id,
         url: videoAddr,
-        // width: 354,
-        width:100,
-        // height: 245,
-        height:45,
+        width:589,
+        height:330,
         isLive: true,
         autoplay: true,
         autoplayMuted: true,
@@ -336,9 +333,8 @@ function setNoRtspVideo(id, videoAddr) {
         lang: 'zh',
         id: id,
         url: videoAddr,
-        // width: 354,
-        width:100,
-        height:45,
+        width:589,
+        height:330,
         isLive: true,
         autoplay: true,
         autoplayMuted: true,
@@ -442,17 +438,18 @@ onUnmounted(() => {
     box-sizing: border-box;
 
     .camera-box {
+      width: 100%;
       height: calc(100% - 60px);
       display: flex;
-      justify-content: flex-start;
+      justify-content: space-around;
       align-items: flex-start;
       flex-wrap: wrap;
       overflow-y: auto;
 
       .player-box {
-        width: 770px;
-        height: 365px;
-        padding: 10px;
+        width: 626px;
+        height: 370px;
+        padding: 17px 18px;
         background: url('/@/assets/images/vent/camera_bg.png');
         background-size: 100% 100%;
         position: relative;

+ 18 - 0
src/views/vent/monitorManager/ceshi/index.vue

@@ -0,0 +1,18 @@
+<template>
+    <div class="container-ln">
+        <customHeader>潞宁新增</customHeader>
+    </div>
+</template>
+
+<script setup lang="ts">
+ import customHeader from '/@/components/vent/customHeader.vue';
+
+</script>
+
+<style lang="less" scoped>
+.container-ln{
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+</style>