update

src/components/Common/Energy/index.jsx

@@ -14,23 +14,27 @@ function EnergyCost(props) {
       <div className={`flex flex-col`}>
         <div className={`${cls.cost__info} flex`}>
           <div
-            className={`${cls.info__item} ${cls.hAuto} flex flex-col justify-center items-center self-stretch`}
+            className={`${cls.info__item} flex flex-col justify-center items-center`}
           >
-            <span>余 热 发 电</span>
+            <span style={{ fontSize: "18px" }}>余 热 发 电</span>
             <span>{energyInfo?.elecQty1 || 0}kWh</span>
           </div>
           <div className={cls.info__item_groups}>
             <div className={cls.info__item}>
-              水 耗 量 : {energyInfo?.waterQty || 0}Km³
+              <i style={{ fontSize: "18px", fontStyle: "normal" }}>水耗量</i> :{" "}
+              {energyInfo?.waterQty || 0}Km³
             </div>
             <div className={cls.info__item}>
-              天 然 气 I : {energyInfo?.ngQty1 || 0}m³
+              <i style={{ fontSize: "18px", fontStyle: "normal" }}>天然气I</i> :{" "}
+              {energyInfo?.ngQty1 || 0}m³
             </div>
             <div className={cls.info__item}>
-              电 耗 量 : {energyInfo?.elecQty2 || 0}kWh
+              <i style={{ fontSize: "18px", fontStyle: "normal" }}>电耗量</i> :{" "}
+              {energyInfo?.elecQty2 || 0}kWh
             </div>
             <div className={cls.info__item}>
-              天 然 气 II: {energyInfo?.ngQty2 || 0}m³
+              <i style={{ fontSize: "18px", fontStyle: "normal" }}>天然气II</i>{" "}
+              : {energyInfo?.ngQty2 || 0}m³
             </div>
           </div>
         </div>

src/components/Common/Energy/index.module.scss

@@ -18,9 +18,9 @@
 	border-radius: 2px;
 	color: hsl(0, 0%, 100%, 0.9);
 	box-shadow: inset 0 0 17px 0px hsla(0, 0%, 100%, 0.15);
-	// width: 288px;
-	height: 43px;
-	font-size: 20px;
+	width: 190px;
+	// height: 43px;
+	font-size: 14px;
 	letter-spacing: 1.43px;
 	line-height: 40px;
 	text-align: center;