黄琪勇 1 year ago
parent
commit
c263896b68
2 changed files with 10 additions and 4 deletions
  1. 4 4
      src/hooks/useDrag/dragbom.tsx
  2. 6 0
      src/hooks/useDrag/index.ts

+ 4 - 4
src/hooks/useDrag/dragbom.tsx

@@ -32,11 +32,11 @@ export default defineComponent({
           <div class={[styles.box, styles.right]}></div>
         </div>
         {
-          props.showGuide && 
-          <div class={[styles.guide, data.guidePos === "top" && styles.guideTop, 'bom_guide']}>
+          props.showGuide &&
+          <div class={[styles.guide, data.guidePos === "top" && styles.guideTop, 'bom_guide']} onClick={() => emit("guideDone")}>
             <div class={styles.guideBg}></div>
-            <div class={styles.guideDone} onClick={() => emit("guideDone")}></div>
-          </div>          
+            <div class={styles.guideDone} onClick={(e) => {e.stopPropagation();emit("guideDone")}}></div>
+          </div>
         }
 
       </>

+ 6 - 0
src/hooks/useDrag/index.ts

@@ -69,9 +69,15 @@ export default function useDrag(
     // 有缓存 用缓存的值,没有缓存用默认
     if (posCache) {
       pos.value = posCache;
+      nextTick(() => {
+        refreshPos();
+      });
     }
   }
   function refreshPos() {
+    if (pos.value.left === -1 && pos.value.top === -1) {
+      return;
+    }
     const boxClassDom = document.querySelector(`.${boxClass}`) as HTMLElement;
     if (!boxClassDom) return;
     const parentElementRect = boxClassDom.getBoundingClientRect();