Przeglądaj źródła

处理视频弹窗定位异常问题

Hwf 5 miesięcy temu
rodzic
commit
7331efc8fe

+ 1 - 1
src/components/Dialog/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="modelValue || customShow" v-drag="{draggable: draggable, scaleX: containerScale().scaleX, scaleY: containerScale().scaleY}" class="common-dialog" :style="{ width: computedWidth, height: computedHeight, zIndex: zIndex }">
+  <div v-if="modelValue || customShow" v-drag="{draggable: draggable, position: 'fixed', scaleX: containerScale().scaleX, scaleY: containerScale().scaleY}" class="common-dialog" :style="{ width: computedWidth, height: computedHeight, zIndex: zIndex }">
     <div :class="type === 'xs' || headerType === 'header2' ? 'dialog-header2' : 'dialog-header'">
       <div v-if="!hideTitle" class="dialog-title">
         {{ title ? title : '弹窗' }}

+ 2 - 2
src/directive/common/drag.ts

@@ -1,12 +1,12 @@
 export default {
   mounted(el, binding) {
-    const { draggable, scaleX = 1, scaleY = 1 } = binding.value;
+    const { draggable, position = 'absolute', scaleX = 1, scaleY = 1 } = binding.value;
     if (!draggable) {
       // 如果拖拽功能被禁用,则不执行任何拖拽相关的逻辑
       return;
     }
 
-    el.style.position = 'absolute';
+    el.style.position = position;
     el.style.cursor = 'move';
 
     const dragDom = el;

+ 0 - 3
src/hooks/useDrag.ts

@@ -1,3 +0,0 @@
-export function useDrag(element: HTMLElement) {
-
-}

+ 1 - 1
src/views/globalMap/index.vue

@@ -73,7 +73,7 @@ let map2Ref = ref(null);
 let leftMenuRef = ref(null);
 let showMask = ref(true);
 //  vectorgraph satellite imageMap imageMap3 logical satellite2 satellite3
-let activeMap = ref('satellite3');
+let activeMap = ref('satellite');
 // 附近视频菜单数据
 let tempMenu = ref({
   name: '',