修改

src/index.html

@@ -111,19 +111,19 @@
           <span>能源监测</span>
           <div class="center-title-bg"></div>
         </div>
-        <div class="center-content">
+        <div class="center-content" id="ball_list">
           <!--中间左侧统计-->
           <div class="box_1 justify-between">
             <div class="box-left">
               <span class="text-title">单平米能耗(kWh)</span>
               <div class="globe_1 text-globe">
-                <span class="text-num">88</span>
+                <span class="text-num ball-l-1">--</span>
               </div>
             </div>
             <div class="box-right">
               <span class="text-title">单平米碳排(kWh)</span>
               <div class="globe_2 text-globe">
-                <span class="text-num">100</span>
+                <span class="text-num ball-l-2">--</span>
               </div>
             </div>
           </div>
@@ -131,13 +131,13 @@
             <div class="box-left">
               <span class="text-title">充电桩功率(kW)</span>
               <div class="globe_1 text-globe">
-                <span class="text-num">88</span>
+                <span class="text-num ball-l-3">--</span>
               </div>
             </div>
             <div class="box-right">
               <span class="text-title">光伏功率(kW)</span>
               <div class="globe_2 text-globe">
-                <span class="text-num">100</span>
+                <span class="text-num ball-l-4">--</span>
               </div>
             </div>
           </div>
@@ -145,13 +145,13 @@
             <div class="box-left-bottom">
               <span class="text-title">负荷功率(kW)</span>
               <div class="globe_1 text-globe">
-                <span class="text-num">88</span>
+                <span class="text-num ball-l-5">--</span>
               </div>
             </div>
             <div class="box-right-bottom">
               <span class="text-title">联络线功率(kW)</span>
               <div class="globe_2 text-globe">
-                <span class="text-num">100</span>
+                <span class="text-num ball-l-6">--</span>
               </div>
             </div>
           </div>
@@ -171,7 +171,7 @@
                 </div>
                 <div class="content">
                   <div class="title">峰谷差</div>
-                  <div class="percentage">88<span>%</span></div>
+                  <div class="percentage s-ring-1">--<span>%</span></div>
                 </div>
               </li>
               <li>
@@ -180,7 +180,7 @@
                 </div>
                 <div class="content">
                   <div class="title">消纳率</div>
-                  <div class="percentage">100<span>%</span></div>
+                  <div class="percentage s-ring-2">--<span>%</span></div>
                 </div>
               </li>
               <li>
@@ -189,7 +189,7 @@
                 </div>
                 <div class="content">
                   <div class="title">碳排系数</div>
-                  <div class="percentage">98<span>%</span></div>
+                  <div class="percentage s-ring-3">--<span>%</span></div>
                 </div>
               </li>
               <li>
@@ -198,7 +198,7 @@
                 </div>
                 <div class="content">
                   <div class="title">系统效率</div>
-                  <div class="percentage">88<span>%</span></div>
+                  <div class="percentage s-ring-4">--<span>%</span></div>
                 </div>
               </li>
             </ul>