🐛fix debug

greatanimalion · Aug 25, 2024 · b55844c · b55844c
1 parent 79f6bfe
commit b55844c
Show file tree

Hide file tree

Showing 9 changed files with 31 additions and 24 deletions.
diff --git a/dist/assets/contentPage-2Ad86H11.css b/dist/assets/contentPage-2Ad86H11.css
@@ -0,0 +1 @@
+#app{width:261px;margin:5px auto 0;height:376px;padding:5px;background-color:#fff;border-radius:3px;box-shadow:0 0 7px 1px #a5a5a5}*{margin:0;padding:0}
diff --git a/dist/assets/contentPage-BV2zDvp8.css b/dist/assets/contentPage-BV2zDvp8.css
@@ -0,0 +1 @@
+#app{width:300px;margin:0 auto;height:300px;padding:5px;background-color:#fff;border-radius:3px;box-shadow:0 0 7px 1px #a5a5a5}#drag-icon{height:30px;width:280px;margin:0 auto;text-align:center}*{margin:0;padding:0}
diff --git a/dist/assets/contentPage-DUXoFcG4.css b/dist/assets/contentPage-DUXoFcG4.css
@@ -0,0 +1 @@
+#app{width:280px;margin:0 auto;height:400px;padding:5px;background-color:#fff;border-radius:3px;box-shadow:0 0 7px 1px #a5a5a5}#drag-icon{height:30px;width:280px;margin:0 auto;text-align:center}*{margin:0;padding:0}
diff --git a/dist/content/content.js b/dist/content/content.js
diff --git a/dist/contentPage/contentPage.js b/dist/contentPage/contentPage.js
diff --git a/dist/contentPage/index.html b/dist/contentPage/index.html
@@ -7,8 +7,7 @@
     <title>Measuring Tools</title>
     <script type="module" crossorigin src="/contentPage/contentPage.js"></script>
     <link rel="modulepreload" crossorigin href="/js/client-C9r4PM53.js">
-    <link rel="modulepreload" crossorigin href="/js/iframe-B894oyg8.js">
-    <link rel="stylesheet" crossorigin href="/assets/contentPage-DjRRTzIV.css">
+    <link rel="stylesheet" crossorigin href="/assets/contentPage-2Ad86H11.css">
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/content/content.ts b/src/content/content.ts
@@ -10,12 +10,11 @@ let preEl: Element | null = null
 
 const  MeasureTools = (event: MouseEvent) => {
     let cur = document.elementFromPoint(event.clientX, event.clientY)!
-    if(cur.tagName === 'IFRAME')return 
+    if(cur&&cur.tagName === 'IFRAME')return 
     if (cur !== preEl) {
         preEl && preEl.classList.remove(timeS)
         preEl = cur
         cur && cur.classList.add(timeS)
-        console.log(preEl)
     }
 }
 //@ts-ignore

diff --git a/src/contentPage/App.css b/src/contentPage/App.css
@@ -1,16 +1,14 @@
 #app {
+    width: 261px;
     margin: 0 auto;
+    height: 376px;
     padding: 5px;
-    background-color: rgb(255, 255, 255);
+    margin-top: 5px;
+    background-color: #fff;
     border-radius: 3px;
     box-shadow: 0 0 7px 1px #a5a5a5;
 }
-#drag-icon{
-    height: 30px;
-    width: 280px;
-    margin: 0 auto;
-    text-align: center;
-}
+
 * {
     margin: 0;
     padding: 0;

diff --git a/src/contentPage/App.tsx b/src/contentPage/App.tsx
@@ -1,14 +1,22 @@
 import './App.css'
-import { iframe } from '../const/iframe';
+
 import { DragOutlined } from '@ant-design/icons';
 export default function App() {
-    const drag = () => {
 
-    }
     return <>
-        <div id="app" style={{ width: iframe.width, height: iframe.height }}>
-            <div id='drag-icon'><DragOutlined onClick={drag} style={{ fontSize: '24px', color: 'rgb(53, 150, 235)', cursor: "grab" }} /></div>
-            <div>当前元素信息</div>
+        <div>
+            <div id="app">
+                <div id='drag-icon'>
+                    <DragOutlined
+                    //@ts-ignore
+                        onMouseDown={(e) => {e.target.style.cursor = 'grabbing'}}
+                        // @ts-ignore
+                        onMouseUp={(e) => e.target.style.cursor = 'grab'}
+                        style={{ float: 'right', fontSize: '15px', color: 'rgb(53, 150, 235)', cursor: "grab" }} />
+                </div>
+                <div>当前元素信息</div>
+            </div>
         </div>
+
     </>;
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		#app{width:261px;margin:5px auto 0;height:376px;padding:5px;background-color:#fff;border-radius:3px;box-shadow:0 0 7px 1px #a5a5a5}*{margin:0;padding:0}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		#app{width:300px;margin:0 auto;height:300px;padding:5px;background-color:#fff;border-radius:3px;box-shadow:0 0 7px 1px #a5a5a5}#drag-icon{height:30px;width:280px;margin:0 auto;text-align:center}*{margin:0;padding:0}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		#app{width:280px;margin:0 auto;height:400px;padding:5px;background-color:#fff;border-radius:3px;box-shadow:0 0 7px 1px #a5a5a5}#drag-icon{height:30px;width:280px;margin:0 auto;text-align:center}*{margin:0;padding:0}