Parcourir la source

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

louhangfei il y a 1 an
Parent
commit
0045e63c9d

+ 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;