能耗监测 总用量展示修改

web/client/src/sections/bigScreen/components/capacity.js

@@ -199,9 +199,12 @@ const Capacity = ({ actions, dispatch, siteList, capacity, waterLevelSix, curren
                   湿度：</div>
                <span style={{ fontFamily: "D-DIN-Italic" }}>{capacity?.sun?.sHumidity}</span>  %
             </div>
-            <div style={{ color: '#00FFF8', fontSize: 20, position: 'absolute', top: '15%', left: "calc(50% - 90px)", display: 'inline-block' }}>
+            <div style={{ width: 240, color: '#00FFF8', fontSize: 20, position: 'absolute', top: '15%', left: "calc(50% - 120px)", display: 'inline-block' }}>
+               <div style={{ display: "flex", alignItems: "center", justifyContent: "center" }}>
                   <span style={{ fontSize: 20, color: '#E2F8FF', fontWeight: 600, }}>
-                  总用量：</span><span title={capacity?.sun?.daySun?.toFixed(2)} style={{ width: 50, fontFamily: "D-DIN-Italic", lineHeight: "16px", display: "inline-block", overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', }}>{capacity?.sun?.daySun?.toFixed(2)}</span>  kWh
+                     总用量：</span><span title={capacity?.sun?.daySun?.toFixed(2)} style={{ fontFamily: "D-DIN-Italic", lineHeight: "16px", display: "inline-block", marginRight: 6 }}>{capacity?.sun?.daySun?.toFixed(2)}</span>  kWh
+               </div>
+
             </div>
             <div style={{
                backgroundImage: 'url(/assets/images/monitor/pedestal.png)',