样式修改

src/views/dataCenter/map/index.vue

@@ -60,7 +60,8 @@ import { defineComponent } from "vue";
 import Performance from "./model/Performance/index.vue";
 import RankList from "./model/RankList/index.vue";
 import Map from "./model/Map/index.vue";
-import InvestmentProgress from "./model/InvestmentProgress/index.vue";
+// import InvestmentProgress from "./model/InvestmentProgress/index.vue";
+import InvestmentProgress from "./model/InvestmentProgress/new20220913.vue";
 import Income from "./model/Income/index.vue";
 import StrongArmyCard from "./model/CardList/strongArmy.vue";
 import CardItem from "./model/CardList/index.vue";
@@ -153,6 +154,7 @@ export default defineComponent({
   transition: all 0.2s;
   box-shadow: 2px 2px 10px #04223d10;
   border: 1px solid #10529a;
+  box-sizing: border-box;
   // &:hover {
   //   // transform: translateY(-5px);
   //   transition: all 0.2s;
@@ -167,6 +169,17 @@ export default defineComponent({
 
   .map-left {
     box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+
+    .performance-com {
+      flex: 1;
+      max-height: calc(640px / 2 - 8px);
+    }
+
+    .performance-com:last-child {
+      margin-top: 16px;
+    }
 
     .rank-list {
       margin-top: 16px;