修改首页大屏样式并添加监控和菜单跳转

src/views/large-screen/video.vue

@@ -131,10 +131,10 @@ onMounted(() => {
       <!--  -->
       <div :class="state.currentCameraIndex === index ? 'active' : ''" @click="switchCamera(index)" class="camera-item"
         v-for="(camera, index) in state.cameraList" :key="index">
-        <div style="width:3.75rem;margin-right: 1.25rem;text-align: center;position: relative;">
+        <div style="width:4.375rem;margin-right: 1.25rem;text-align: center;position: relative;">
           <texttooltip :content="camera.deviceName" :class="state.currentCameraIndex === index ? 'wid202' : 'wid201'"
             refName=" tooltipOverd"></texttooltip>
-          <el-tag style="scale: 0.7;position: absolute;top:-20px;right:-.9375rem;border-radius: 1.25rem;"
+          <el-tag style="scale: 0.7;position: absolute;top:-1.25rem;right:-.9375rem;border-radius: 1.25rem;"
             :type="camera.isOnline == 1 ? 'success' : 'danger'">{{ camera.isOnline == 1 ? '在线' : '离线' }}</el-tag>
         </div>
       </div>
@@ -193,7 +193,7 @@ onMounted(() => {
 }
 
 .camera-name-list {
-  width: 11.875rem;
+  width: 11.5625rem;
   height: 100%;
   margin-right: 1.25rem;
   overflow-y: auto;