style: 样式修改

src/page-instrument/custom-plugins/guide-driver/index.less

@@ -524,7 +524,7 @@
 }
 
 .popoverClassReport1 {
-  transform: translateY(10px);
+  //transform: translateY(10px);
   width: 270px;
   height: 145px;
   background: url("./images/report/r1.png") no-repeat center;
@@ -537,7 +537,7 @@
 }
 
 .popoverClassReport2 {
-  transform: translateY(10px);
+  //transform: translateY(10px);
   width: 270px;
   height: 145px;
   background: url("./images/report/r2.png") no-repeat center;
@@ -571,7 +571,7 @@
 }
 
 .popoverClassReport3 {
-  transform: translateY(10px);
+  //transform: translateY(10px);
   width: 270px;
   height: 145px;
   background: url("./images/report/r3.png") no-repeat center;
@@ -605,7 +605,7 @@
 }
 
 .popoverClassReport4 {
-  transform: translateY(10px);
+  //transform: translateY(10px);
   width: 270px;
   height: 145px;
   background: url("./images/report/r5.png") no-repeat center;

src/page-instrument/custom-plugins/guide-driver/index.tsx

@@ -1135,7 +1135,7 @@ export const EvaluatingReportDriver = defineComponent({
       options.config.stagePadding = 0;
       try {
         const rect = options.state.activeElement?.getBoundingClientRect();
-        popover.wrapper.style.marginLeft = -(rect?.width || 0) / 2 + 34 + "px";
+        popover.wrapper.style.marginLeft = -(rect?.width || 0) / 2 + 16 + "px";
       } catch {}
     };
 
@@ -1159,7 +1159,7 @@ export const EvaluatingReportDriver = defineComponent({
                 options.config.stagePadding = 0;
                 try {
                   const rect = options.state.activeElement?.getBoundingClientRect();
-                  popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 34 + "px";
+                  popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 16 + "px";
                 } catch {}
               },
             },
@@ -1180,7 +1180,7 @@ export const EvaluatingReportDriver = defineComponent({
                 options.config.stagePadding = 5;
                 try {
                   const rect = options.state.activeElement?.getBoundingClientRect();
-                  popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 34 + "px";
+                  popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 16 + "px";
                 } catch {}
               },
               onPrevClick: () => {
@@ -1209,7 +1209,7 @@ export const EvaluatingReportDriver = defineComponent({
                 options.config.stagePadding = 0;
                 try {
                   const rect = options.state.activeElement?.getBoundingClientRect();
-                  popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 34 + "px";
+                  popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 16 + "px";
                 } catch {}
               },
               onPrevClick: () => {
@@ -1255,7 +1255,7 @@ export const EvaluatingReportDriver = defineComponent({
               options.config.stagePadding = 0;
               try {
                 const rect = options.state.activeElement?.getBoundingClientRect();
-                popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 34 + "px";
+                popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 16 + "px";
               } catch {}
             },
           },
@@ -1279,7 +1279,7 @@ export const EvaluatingReportDriver = defineComponent({
                 options.config.stagePadding = 0;
                 try {
                   const rect = options.state.activeElement?.getBoundingClientRect();
-                  popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 34 + "px";
+                  popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 16 + "px";
                 } catch {}
               },
             },
@@ -1300,7 +1300,7 @@ export const EvaluatingReportDriver = defineComponent({
                 options.config.stagePadding = 5;
                 try {
                   const rect = options.state.activeElement?.getBoundingClientRect();
-                  popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 34 + "px";
+                  popover.wrapper.style.marginLeft = ((rect?.width || 0) / 2) * -1 + 16 + "px";
                 } catch {}
               },
               onPrevClick: () => {

src/view/selection/index.module.less

@@ -54,8 +54,8 @@
     position: absolute;
     height: 120%;
     background-color: rgba(45, 199, 170, 1);
-    min-height: 40px;
-    height: 40px;
+    min-height: 40PX;
+    height: 40PX;
     top: 50%;
     // width: 14PX;
     width: 2PX !important;
@@ -308,7 +308,7 @@
                 left: 50%;
                 top: 50%;
                 width: 2PX;
-                height: 40px;
+                height: 40PX;
                 transform: translate(-50%, -50%);
                 background: #2DC7AA;
             }
@@ -353,33 +353,33 @@
 
 .middleZoom {
     .line {
-        height: 50px;
+        height: 50PX;
     }
     :global {
         .node-dot::before{
-            height: 50px;
+            height: 50PX;
         }
     }
 }
 
 .bigZoom {
     .line {
-        height: 60px;
+        height: 60PX;
     }
     :global {
         .node-dot::before{
-            height: 60px;
+            height: 60PX;
         }
     }
 }
 
 .largeZoom {
     .line {
-        height: 70px;
+        height: 70PX;
     }
     :global {
         .node-dot::before{
-            height: 70px;
+            height: 70PX;
         }
     }
 }