From a41e5a5899ea8475809e209617942aeddac005e4 Mon Sep 17 00:00:00 2001
From: moshangqi <2509678669@qq.com>
Date: Wed, 25 Oct 2023 20:59:30 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=8B=96=E6=8B=BD?=
 =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E5=86=B2=E7=AA=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ScreenShot/DragMoveArea.module.less       |  5 +++++
 src/pages/inject/ScreenShot/DragMoveArea.tsx  | 20 +++++++++----------
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/inject/ScreenShot/DragMoveArea.module.less b/src/pages/inject/ScreenShot/DragMoveArea.module.less
index dcd1b11c..7b6e0a47 100644
--- a/src/pages/inject/ScreenShot/DragMoveArea.module.less
+++ b/src/pages/inject/ScreenShot/DragMoveArea.module.less
@@ -6,6 +6,11 @@
   border: 2px solid #00B96B;
   box-sizing: border-box;
   cursor: pointer;
+
+  .dargArea {
+    width: 100%;
+    height: 100%;
+  }
 }
 
 .dragBarMask {
diff --git a/src/pages/inject/ScreenShot/DragMoveArea.tsx b/src/pages/inject/ScreenShot/DragMoveArea.tsx
index a92309fa..3daf67f5 100644
--- a/src/pages/inject/ScreenShot/DragMoveArea.tsx
+++ b/src/pages/inject/ScreenShot/DragMoveArea.tsx
@@ -2,7 +2,8 @@ import React, { useRef, useState } from 'react';
 import styles from './DragMoveArea.module.less';
 
 export interface IMoveParams {
-  x: number; y: number;
+  x: number;
+  y: number;
 }
 
 interface IDragResizeCircleProps {
@@ -39,15 +40,14 @@ const DragMoveArea = (props: IDragResizeCircleProps) => {
 
   return (
     <>
-      <div
-        className={styles.area}
-        id="yq-area"
-        style={props.style}
-        onMouseDown={handleDragStart}
-        onDragStart={handleDragStart}
-        onDrag={handleDrag}
-        onDragEnd={handleDragEnd}
-      >
+      <div className={styles.area} id="yq-area" style={props.style}>
+        <div
+          className={styles.dargArea}
+          onMouseDown={handleDragStart}
+          onDragStart={handleDragStart}
+          onDrag={handleDrag}
+          onDragEnd={handleDragEnd}
+        />
         {props.children}
       </div>
       {dragging && (