调整样式

src/components/curve.vue

@@ -41,6 +41,8 @@ export default defineComponent({
         weightOfInLists.forEach((item) => {
           arr.push(item.weightOfIn);
         });
+      } else {
+        arr = [152, 130, 158, 146, 128, 166];
       }
       return arr;
     },
@@ -53,6 +55,8 @@ export default defineComponent({
         weightOfOutLists.forEach((item) => {
           arr.push(item.weightOfOut);
         });
+      } else {
+        arr = [56, 38, 64, 100, 98, 79];
       }
       return arr;
     },
@@ -65,6 +69,15 @@ export default defineComponent({
         weightOfInLists.forEach((item) => {
           arr.push(item.time);
         });
+      } else {
+        arr = [
+          "2021-05",
+          "2021-04",
+          "2021-03",
+          "2021-02",
+          "2021-01",
+          "2020-12",
+        ];
       }
       return arr;
     },
@@ -155,10 +168,10 @@ export default defineComponent({
           },
         },
         grid: {
-          left: "0",
+          left: "6%",
           right: "6%",
-          top: "15%",
-          bottom: "15%",
+          top: "25%",
+          bottom: "5%",
           containLabel: true,
         },
         xAxis: {

src/components/heat.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="box-bg">
-    <img :src="src" :style="{ width: '426rem', height: 'auto',margin: '10rem 35rem' }" v-if="src" />
+    <img :src="src" class="img" v-if="src" />
     <img
-      :style="{ width: '426rem', height: 'auto',margin: '10rem 35rem' }"
+      class="img"
       src="https://www.tall.wiki/gateway/logistics/uploads//file/2021-05-14/162097666558154.png"
       v-else
     />
@@ -65,4 +65,10 @@ export default defineComponent({
   width: 1440rem;
   height: 1110rem;
 }
+
+.img {
+  width: 426rem;
+  height: 200rem;
+  margin: 10rem 35rem;
+}
 </style>