制造成本分析修改

src/views/home/electricityCostAnalysisComponents/container.vue

@@ -43,37 +43,35 @@ export default {
 
   .content-top {
     height: 60px;
+.title-wrapper {
+    display: flex;
+    align-items: center;
+    margin-left: 10px;
+    /* 垂直居中关键属性 */
+    height: 100%;
+    /* 继承父容器高度，确保垂直居中范围 */
+  }
 
-    .title-wrapper {
-      display: flex;
-      align-items: center;
-      margin-left: 10px;
-      /* 垂直居中关键属性 */
-      height: 100%;
-      /* 继承父容器高度，确保垂直居中范围 */
-    }
-
-    .title-icon {
-      font-size: 30px;
-      margin-right: 12px;
-      margin-top: 4px;
-      /* 图标和文字之间的间距 */
-      flex-shrink: 0;
-      /* 防止图标被压缩 */
-    }
-
-    .title-text {
-      font-family: PingFangSC, PingFang SC;
-      font-weight: 400;
-      font-size: 24px;
-      color: #000000;
-      letter-spacing: 3px;
-      text-align: left;
-      font-style: normal;
-      // 移除固定行高，避免影响垂直对齐
-      // line-height: 60px;
-    }
+  .title-icon {
+    font-size: 30px;
+    margin-right: 12px;
+    margin-top: 4px;
+    /* 图标和文字之间的间距 */
+    flex-shrink: 0;
+    /* 防止图标被压缩 */
+  }
 
+  .title-text {
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 400;
+    font-size: 24px;
+    color: #000000;
+    letter-spacing: 3px;
+    text-align: left;
+    font-style: normal;
+    // 移除固定行高，避免影响垂直对齐
+    // line-height: 60px;
+  }
     // width: 547px;
     // background: url(../../../assets/img/contentTopBasic.png) no-repeat;
     // background-size: 100% 100%;
@@ -108,12 +106,11 @@ export default {
       background-size: 100% 100%;
       background-position: 0 0;
     }
-
-    &__rawTopTitleLarge {
-      background: url(../../../assets/img/rawTopTitleLarge.png) no-repeat;
-      background-size: 100% 100%;
-      background-position: 0 0;
-    }
+        &__rawTopTitleLarge {
+          background: url(../../../assets/img/rawTopTitleLarge.png) no-repeat;
+          background-size: 100% 100%;
+          background-position: 0 0;
+        }
 
   }
 
@@ -165,30 +162,22 @@ export default {
     background-position: 0 0;
   }
 
-  &__operatingRevenueBg {
-    background: url(../../../assets/img/operatingRevenueBg.png) no-repeat;
-    background-size: 100% 100%;
-    background-position: 0 0;
-  }
+        &__operatingRevenueBg {
+          background: url(../../../assets/img/operatingRevenueBg.png) no-repeat;
+          background-size: 100% 100%;
+          background-position: 0 0;
+        }
 
   &__costBasicBg {
     background: url(../../../assets/img/costBasicBg.png) no-repeat;
     background-size: 100% 100%;
     background-position: 0 0;
   }
-
-  &__rawTopBg {
-    background: url(../../../assets/img/rawTopBg.png) no-repeat;
-    background-size: 100% 100%;
-    background-position: 0 0;
-  }
-
-  &__opLargeBg {
-    background: url(../../../assets/img/opLargeBg.png) no-repeat;
-    background-size: 100% 100%;
-    background-position: 0 0;
-  }
-
+        &__rawTopBg {
+          background: url(../../../assets/img/rawTopBg.png) no-repeat;
+          background-size: 100% 100%;
+          background-position: 0 0;
+        }
   // &__left {
   //   background: url(../../../../../../../assets/img/left.png) no-repeat;
   //   background-size: 100% 100%;