update 一层温度

src/components/Common/BlueRect/index.jsx

@@ -4,7 +4,12 @@ function BlueRect(props) {
   const title = props.title || "DEFAULT";
   const value = props.value || "0℃";
   return (
-    <div className={`${cls.blueRect} ${cls[title]}`} style={{}}>
+    <div
+      className={`${cls.blueRect} ${cls[title]}`}
+      style={{
+        background: props.blue ? "#0a4268ee" : "#0a426860",
+      }}
+    >
       <span
         className="title"
         style={{
@@ -12,11 +17,12 @@ function BlueRect(props) {
           lineHeight: "24px",
           color: props.blue ? "#40afb8" : "#fff",
           fontWeight: 600,
+          userSelect: "none",
         }}
       >
         {title}
       </span>
-      <span className="value" style={{ fontSize: "22px" }}>
+      <span className="value" style={{ userSelect: "none", fontSize: "22px" }}>
         {value}
       </span>
     </div>

src/components/Common/BlueRect/index.module.css

@@ -136,80 +136,93 @@
 }
 .TE232 {
   top: 620px;
-  left: 830px;
+  left: 836px;
 }
 .TE234 {
   top: 620px;
-  left: 950px;
+  left: 965px;
 }
 .TE236 {
   top: 620px;
-  left: 1070px;
+  left: 1090px;
 }
 .TE238 {
   top: 620px;
-  left: 1190px;
+  left: 1215px;
 }
 .TE240 {
   top: 620px;
-  left: 1310px;
+  left: 1340px;
 }
 .TE242 {
   top: 620px;
-  left: 1430px;
+  left: 1460px;
 }
 
 /** center middle **/
 .TE201 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 450px;
 }
 .TE202 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 580px;
 }
 .TE203 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 710px;
 }
 .TE204 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 840px;
 }
 .TE205 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 970px;
 }
 .TE206 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 1100px;
 }
 .TE207 {
-  top: 340px;
+  top: 335px;
+  transform: rotate(-1deg);
   left: 1260px;
 }
 .TE208 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 1260px;
 }
 .TE209 {
-  top: 480px;
+  top: 485px;
+  transform: rotate(-1deg);
   left: 1260px;
 }
 .TE210 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 1390px;
 }
 .TE211 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 1530px;
 }
 .TE212 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 1660px;
 }
 .TE213 {
-  top: 390px;
+  top: 410px;
+  transform: rotate(-1deg);
   left: 1790px;
 }