适配小程序

energy-report/index.css

@@ -712,6 +712,7 @@ body {
     background: rgba(255, 255, 255, 0.05);
     background: rgba(255, 255, 255, 0.05);
 }
 }
 
 
+
 .electricity-content-title {
 .electricity-content-title {
     font-size: 18px;
     font-size: 18px;
     font-family: PingFang SC-Regular, PingFang SC;
     font-family: PingFang SC-Regular, PingFang SC;
@@ -879,14 +880,20 @@ body {
     display: flex;
     display: flex;
     justify-content: space-around;
     justify-content: space-around;
 }
 }
-
+.chart-desc-task-centerPro-list{
+    width: 50%;
+}
 .chart-centerPro-text {
 .chart-centerPro-text {
     font-size: 18px;
     font-size: 18px;
     font-family: PingFang SC-Regular, PingFang SC;
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 400;
     font-weight: 400;
     color: #FFFFFF;
     color: #FFFFFF;
     margin-left: 10px;
     margin-left: 10px;
-}
+    width: 90%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;}
 
 
 .chart-desc-task-right {
 .chart-desc-task-right {
     margin-top: 5px;
     margin-top: 5px;
@@ -908,7 +915,7 @@ body {
     font-family: DINAlternate-Bold-Regular, DINAlternate-Bold;
     font-family: DINAlternate-Bold-Regular, DINAlternate-Bold;
     font-weight: 400;
     font-weight: 400;
     color: #FFFFFF;
     color: #FFFFFF;
-    width: 90%;
+    width: 85%;
     overflow: hidden;
     overflow: hidden;
     white-space: nowrap;
     white-space: nowrap;
     text-overflow: ellipsis;
     text-overflow: ellipsis;
@@ -1150,3 +1157,40 @@ body {
         max-height: 100%;
         max-height: 100%;
     }
     }
 }
 }
+@media screen and (max-width: 768px) {
+    .electricity-content {
+        background: rgba(255, 255, 255, 0.05);
+        display: flex;
+        flex-direction: column;
+        height: auto;
+    }
+    .echarts-title-content{
+        display: flex;
+        flex-direction: column;
+    }
+    .echarts-title-top1{
+        margin-left: 0;
+    }
+    .chart-desc{
+        width: 100%;
+        margin-left: 0;
+    }
+    .echarts-box1-right{
+        padding: 20px;
+    }
+}
+@media screen and (max-width: 768px) {
+    .echarts-title-repair{
+        height:auto;
+    }
+    .echarts-title-repair-left{
+        margin-right: 0;
+    }
+    .chart-desc-text-left{
+        width: 75%;
+    }
+}@media screen and (max-width: 768px) {
+    .energy-wrap .header {
+        height: 8vh;
+     }
+}
\ No newline at end of file

energy-report/index.html

@@ -381,7 +381,7 @@
     </div>
     </div>
     <!--用电结构-->
     <!--用电结构-->
     <div class="flex electricity-content">
     <div class="flex electricity-content">
-        <div class="  echarts-box2">
+        <div class="echarts-box2">
             <div class="electricity-content-title">用电结构</div>
             <div class="electricity-content-title">用电结构</div>
             <div class="echarts-title-content">
             <div class="echarts-title-content">
                 <div class="echarts-title-top1">
                 <div class="echarts-title-top1">
@@ -415,8 +415,6 @@
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>
-
-
         </div>
         </div>
         <div class="echarts-box1-right">
         <div class="echarts-box1-right">
             <div class="invest-wrapper-content">
             <div class="invest-wrapper-content">