Browse Source

小图关闭大图位置变化问题优化

dengliying 11 months ago
parent
commit
2c2b87955e

+ 1 - 2
ui/src/views/monitor/pfd/C2C3Page.vue

@@ -483,8 +483,7 @@ export default {
 
 };
 </script>
-
-<style>
+<style scoped>
 body{
     background-image: linear-gradient(to bottom, #ffffff, #d8deea) !important;
 

+ 1 - 1
ui/src/views/monitor/pfd/JLQPage.vue

@@ -143,7 +143,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
 body{
     background-image: linear-gradient(to bottom, #ffffff, #d8deea) !important;
 

+ 8 - 8
ui/src/views/monitor/pfd/index.vue

@@ -411,13 +411,13 @@ export default {
           }
 
           setTimeout(() => {
-          // 图片缩小时图片位置问题
-          let imgHeight = el.children[0].children[0].offsetHeight;
-          if(imgHeight < -dragData.top *2){ // 当位置小于图片高度时,表示图片被缩放到了屏幕外
-            el.style.top = "15%";
-          }
-          console.log("666",el);
-        }, 500);
+            // 图片缩小时图片位置问题
+            let imgHeight = el.children[0].children[0].offsetHeight;
+            if(imgHeight < -dragData.top *2){ // 当位置小于图片高度时,表示图片被缩放到了屏幕外
+              el.style.top = "15%";
+            }
+            console.log("666",el);
+          }, 500);
 
           if(params.pageId === "LJL"){ // 裂解炉
             el.style.left =  "0";
@@ -957,7 +957,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
 body{
     background-image: linear-gradient(to bottom, #ffffff, #d8deea) !important;