大屏数据展示

2026-02-04 23:46:37 +08:00
parent 79a8fc11cf
commit 14c9bd8ce0
14 changed files with 2566 additions and 909 deletions
--- a/src/main/webapp/jsp/z_bigScreen/bigScreen1.html
+++ b/src/main/webapp/jsp/z_bigScreen/bigScreen1.html
@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>水厂大屏展示</title>
+    <style>
+        body, html {
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            height: 100%;
+            overflow: auto; /* Allow scrolling if window is smaller */
+        }
+        .screen-container {
+            width: 6500px;
+            height: 1800px;
+            background-image: url('../../IMG/screen1.png');
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            position: relative;
+        }
+        /* Specific Position for Data 6040 */
+        .val-6040 { 
+           position: absolute;
+           top: 335px; 
+           left: 209px; 
+           width: 121px; 
+           height: 62px; 
+           color: rgba(255, 255, 255, 1); 
+           font-family: 'Gilroy', 'DIN Alternate', 'Arial Narrow', sans-serif; 
+           font-weight: 900; 
+           font-size: 50px; 
+           z-index: 10;
+           text-align: center;
+           line-height: 62px;
+         }
+         .val-4197 {
+            top: 335px;
+            left: 592px;
+            width: fit-content;
+            height: fit-content;
+            display: inline-flex;
+            place-content: flex-start;
+            place-items: flex-end;
+            gap: 8px;
+        }
+        .val-12356 {
+            top: 335px;
+            left: 975px;
+            width: fit-content;
+            height: fit-content;
+            display: inline-flex;
+            place-content: flex-start;
+            place-items: flex-end;
+            gap: 8px;
+        }
+
+    </style>
+</head>
+<body>
+    <div class="screen-container">
+        <div class="val-6040">6040</div>
+        <div class="val-4197">4197</div>
+        <div class="val-12356">12356</div>
+    </div>
+</body>
+</html>