你好

src/pages/Storeboard/Krjk.jsx

@@ -54,30 +54,27 @@ export default ({ data }) => {
     <>
       <div className="data-content" style={{ position: "relative" }}>
         <div className="content-header"> 库容监控</div>
-        <div className="jk-content">
-          <div className="jk-content-unit" style={{ position: "relative" }}>
-            <div
-              className="jk-status numStatus"
-              style={{ position: "relative" }}
-            >
-              <div className="numberStatus">
-                <span>1</span>
-                <span>2</span>
-                <span>3</span>
-                <span>4</span>
-                <span>5</span>
-                <span>6</span>
-                <span>7</span>
-                <span>8</span>
-                <span>9</span>
-                <span>10</span>
-              </div>
+        <div className="jk-content numStatus" style={{ position: "relative" }}>
+          <div className="numberStatus">
+            <span>1</span>
+            <span>2</span>
+            <span>3</span>
+            <span>4</span>
+            <span>5</span>
+            <span>6</span>
+            <span>7</span>
+            <span>8</span>
+            <span>9</span>
+            <span>10</span>
+          </div>
+          <div className="jk-content-unit">
+            <div className="jk-status " style={{ position: "relative" }}>
               <div className="statusLine bgline1"></div>
               <span
                 style={{
                   position: "absolute",
                   bottom: "-20px",
-                  left: "15px",
+                  left: "-2px",
                   color: "white",
                 }}
               >

src/pages/Storeboard/index.less

@@ -253,7 +253,9 @@
         display: flex;
         flex-direction: row;
         height: calc(100% - 32px);
-        padding: 12px 12px 24px 12px;
+        padding: 12px 0px 24px 24px;
+
+
 
         .jk-content-unit {
             flex: 1;
@@ -262,26 +264,6 @@
             flex-direction: row;
             margin-left: 6px;
 
-            .numStatus {
-                width: 30px !important;
-
-                .numberStatus {
-                    display: flex;
-                    flex-direction: column;
-                    justify-content: space-around;
-                    height: 100%;
-                    align-self: center;
-
-                    span {
-                        color: #fff;
-                        flex: 1;
-                        height: auto;
-                        align-self: center;
-                        font-size: 16px;
-                        padding-top: 6px;
-                    }
-                }
-            }
 
             .jk-statusBottom {
                 width: 100%;
@@ -362,6 +344,27 @@
         }
     }
 
+    .numStatus {
+        position: absolute;
+        left: -25px;
+
+        .numberStatus {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-around;
+            height: 100%;
+            align-self: center;
+
+            span {
+                color: #fff;
+                flex: 1;
+                height: auto;
+                align-self: center;
+                font-size: 16px;
+                padding-top: 6px;
+            }
+        }
+    }
 
     .statuslogo {
         >div {