chengjunhui hai 2 semanas
pai
achega
8003068c73
Modificáronse 1 ficheiros con 4 adicións e 4 borrados
  1. 4 4
      src/views/DroneOperation.vue

+ 4 - 4
src/views/DroneOperation.vue

@@ -56,7 +56,7 @@ export default {
       },
       flvPlayer: null,
       flightTaskUuid: null,
-      reconnectNum: 0,  // 直播重连次数
+      reconnectNum: 0, // 直播重连次数
     };
   },
   computed: {
@@ -238,9 +238,6 @@ export default {
 }
 .container-title {
   position: absolute;
-  top: calc(50% - 20px);
-  left: -30px;
-  /* width: 100%; */
   box-sizing: border-box;
   background-color: rgba(0, 0, 0, 0.5);
   padding: 10px 20px 10px 5px;
@@ -251,6 +248,9 @@ export default {
   font-size: 14px;
   z-index: 20000;
   transform: rotate(90deg);
+  right: 0; /* 初始设置为右对齐 */
+  top: 100%; /* 垂直居中 */
+  transform-origin: right top; /* 设置旋转基点在元素的右上角 */
 }
 .container-title .title-right {
   flex-shrink: 0;