style: 调整鹰巢按钮位置和样式以提升用户体验

src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/index.vue

@@ -8,11 +8,12 @@
     <!-- 展示视频 -->
     <div class="left-video" :class="{collapse: playerCollapse}" v-if="hangar && showPanel && listCollapse">
       <div class="collapse-btn" @click="playerCollapse = !playerCollapse">
-        <img src="./assets/images/collapse.svg" />
+        <img style="width:23px" src="./assets/images/collapse.svg" />
       </div>
 
       <div class="left-video-header">
-        <div class="left-video-header__title" @click="openList">机库列表</div>
+        <!-- @click="openList" -->
+        <div class="left-video-header__title" >视频列表</div>
         <div class="nest-name">
           <span class="nest-name__text">{{ hangar.name }}</span>
           <span class="nest-name__text">{{ hangar.name }}</span>
@@ -189,7 +190,7 @@ export default {
   .collapse-btn {
     position: absolute;
     cursor: pointer;
-    right: -35px;
+    right: -22px;
     top: 50%;
     transform: translate(0, -50%);
     z-index: 99;

src/components/MMCFlightControlCenter/components/hangar/components/list/index.vue

@@ -35,8 +35,8 @@
     <div
       class="hangar-list_btn"
       @click="listCollapse = !listCollapse;"
-      v-if="!hangar || (hangar && !listCollapse)"
     >
+      <!-- v-if="!hangar || (hangar && !listCollapse)" -->
       <img style src="./assets/images/collapse.svg" />
     </div>
   </div>
@@ -156,7 +156,7 @@ export default {
     position: absolute;
     cursor: pointer;
     right: -35px;
-    top: 50%;
+    top: 23%;
     transform: translate(0, -50%);
     z-index: 99;
 

src/components/MMCFlightControlCenter/components/uavApplications/components/uavList/index.vue

@@ -20,14 +20,16 @@
           style="color: rgba(123, 181, 213, 1)"
         ></i>
       </el-input>
-      <el-button class="uav-search__btn" @click="onUavSearch" v-hover>搜索</el-button>
+      <el-button class="uav-search__btn" @click="onUavSearch" v-hover
+        >搜索</el-button
+      >
     </div>
     <List
       class="uav-list-main"
       :containerStyle="{
-          width: '400PX',
-          height: '275px',
-        }"
+        width: '400PX',
+        height: '275px',
+      }"
       :list="uavList"
       @refresh="initList"
     />
@@ -135,7 +137,7 @@ export default {
     position: absolute;
     cursor: pointer;
     right: -35px;
-    top: 50%;
+    top: 23%;
     transform: translate(0, -50%);
     z-index: 99;