Преглед на файлове

fix: 相机预览-优化左侧相机树宽度,展示更多内容

louhangfei преди 1 година
родител
ревизия
0045e63c9d
променени са 2 файла, в които са добавени 7 реда и са изтрити 2 реда
  1. 2 1
      src/views/cameras/preview/CameraPreview.vue
  2. 5 1
      src/views/cameras/preview/components/AlgoSwitchCard/AlgoSwitchCard.vue

+ 2 - 1
src/views/cameras/preview/CameraPreview.vue

@@ -199,7 +199,8 @@
     // height: calc(100vh - 90px);
   }
   .cameraTree {
-    width: 250px;
+    min-width: 250px;
+    max-width: 400px;
     flex-shrink: 0;
     // height: 800px;
     // border: 1px solid #ccc;

+ 5 - 1
src/views/cameras/preview/components/AlgoSwitchCard/AlgoSwitchCard.vue

@@ -4,7 +4,9 @@
       <div>
         <!-- <div>开关 </div> -->
         <AlgoSwitchIcon :active="isAlgoOpen" @click.stop="toggleAlgoStatus" />
-        <div class="algoName">{{ label }}</div>
+        <el-tooltip :content="label">
+          <div class="algoName">{{ label }}</div>
+        </el-tooltip>
         <div class="toolbar">
           <AlgoSettingIcon
             class="divideLine algoSettingIcon"
@@ -102,6 +104,8 @@
     font-size: 14px;
     text-align: center;
     color: #a8abb2;
+    white-space: nowrap;
+    overflow: hidden;
   }
   .toolbar {
     margin-top: 10px;