Просмотр исходного кода

调整相机的添加预置位按钮和调整相机位置工具栏的位置

louhangfei 2 лет назад
Родитель
Сommit
534a855cc7

+ 12 - 15
src/views/cameras/preview/components/CameraViewSetting/CameraViewSetting.vue

@@ -20,21 +20,17 @@
         <div class="cameraVideo">
           <CameraLiveVideo />
         </div>
-        <div class="presetAddWrapper" :class="{ hidePresetControlCls: isEdit }">
-          <CameraDirectionControl />
-          <ElButton
-            type="primary"
-            @click="handleAddPreset"
-            size="small"
-            style="margin-top: 20px; width: 100px"
-            >添加预置位</ElButton
-          >
-          <AddPresetModal
-            v-if="addPresetModalVisible"
-            @close="handleClose"
-            @ok="handleAddPresetOk"
-          />
-        </div>
+      </div>
+      <div class="presetAddWrapper" :class="{ hidePresetControlCls: isEdit }">
+        <CameraDirectionControl />
+        <ElButton
+          type="primary"
+          @click="handleAddPreset"
+          size="small"
+          style="margin-top: 20px; width: 100px"
+          >添加预置位</ElButton
+        >
+        <AddPresetModal v-if="addPresetModalVisible" @close="handleClose" @ok="handleAddPresetOk" />
       </div>
     </div>
   </div>
@@ -193,6 +189,7 @@
   }
   .cameraViewOverflow {
     overflow: hidden;
+    position: relative;
   }
 
   .cameraVideo {