1

src/views/homeIndex/index.vue

@@ -65,7 +65,7 @@
       <!-- 底部中间模块 -->
       <div class="bottom-middle-module">
         <div class="module-card realtime-card">
-          <div class="module-header">实时报警信息</div>
+          <div class="module-header realtime-header">实时报警信息</div>
           <div class="module-content">
             <RealTimeAlarm />
           </div>
@@ -126,9 +126,9 @@ const currentTime = computed(() => {
 .header-info {
   position: absolute;
   right: 6vh;
-  top:3.8vh;
+  top: 3.8vh;
   color: #fff;
-  font-size:1.8vh;
+  font-size: 1.8vh;
 }
 
 /* 全屏地图 */
@@ -188,8 +188,7 @@ const currentTime = computed(() => {
   left: 50%;
   transform: translateX(-50%);
   width: 44vw;
-  height: 31vh;
-  min-height: 180px;
+  height: calc(39vh - 9vh);
   pointer-events: auto;
 }
 
@@ -219,10 +218,13 @@ const currentTime = computed(() => {
 
 }
 
-/* 模块内容 */
-.module-content {
-  padding: 1.5vw;
-  position: relative;
+.realtime-header {
+  left: 8vh;
+  top: 3.4vh;
 }
 
+/* 模块内容 */
+.module-content {
+  position: relative;
+}
 </style>