标题文字

src/components/amount.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="box-bg">
-    <div class="title">吞吐量实时统计</div>
+    <div class="title">
+      <div class="word">吞吐量实时统计</div>
+    </div>
     <div :style="{ width: '92%', height: '90%',margin: '8% 3% auto 5%' }" id="throughput"></div>
   </div>
 </template>
@@ -202,7 +204,7 @@ export default defineComponent({
   width:237rem;
   height:35rem;
   line-height:35rem;
-  /* padding-top: 10%; */
+  margin-top:5%;
   color: #03D6F9;
   font-size:16rem;
   text-align:left;
@@ -211,4 +213,7 @@ export default defineComponent({
   background: url('../assets/box-title.png') left no-repeat;
   background-size: 100%;
 }
+.word{
+  padding-left: 20rem;
+}
 </style>

src/components/curve.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="box2-bg">
-    <div class="title">吞吐量曲线对比</div>
+    <div class="title">
+      <div class="word">吞吐量曲线对比</div>
+    </div>
     <div :style="{ width: '92%', height: '90%',padding: '' }" class="duibi" id="comparisonChart"></div>
   </div>
 </template>
@@ -223,7 +225,7 @@ export default defineComponent({
   width:237rem;
   height:35rem;
   line-height:35rem;
-  /* padding-top: 10%; */
+  margin-top:5%;
   color: #03D6F9;
   font-size:16rem;
   text-align:left;
@@ -232,4 +234,7 @@ export default defineComponent({
   background: url('../assets/box-title.png') left no-repeat;
   background-size: 100%;
 }
+.word {
+  padding-left: 20rem;
+}
 </style>

src/components/heat.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="box-bg">
-    <div class="title">仓库热力图</div>
+    <div class="title">
+      <div>仓库热力图</div>
+    </div>
     <div :style="{ width: '92%', height: '92%',margin: 'auto 3% auto 5%' }" ref="heatDiagram"></div>
   </div>
 </template>
@@ -80,7 +82,7 @@ export default defineComponent({
   width:237rem;
   height:35rem;
   line-height:35rem;
-  /* padding-top: 10%; */
+  margin-top:5%;
   color: #03D6F9;
   font-size:16rem;
   text-align:left;
@@ -89,4 +91,7 @@ export default defineComponent({
   background: url('../assets/box-title.png') left no-repeat;
   background-size: 100%;
 }
+.word {
+  padding-left: 20rem;
+}
 </style>

src/components/humidity.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="box-bg">
-    <div class="title">湿度曲线图</div>
+    <div class="title">
+      <div class="word">湿度曲线图</div>
+    </div>
     <div :style="{ width: '92%', height: '92%',margin: 'auto 3% auto 5%' }" id="humidity"></div>
   </div>
 </template>
@@ -135,7 +137,7 @@ export default defineComponent({
   width:237rem;
   height:35rem;
   line-height:35rem;
-  /* padding-top: 10%; */
+  margin-top: 5%;
   color: #03D6F9;
   font-size:16rem;
   text-align:left;
@@ -144,4 +146,7 @@ export default defineComponent({
   background: url('../assets/box-title.png') left no-repeat;
   background-size: 100%;
 }
+.word{
+  padding-left: 20rem;
+}
 </style>

src/components/temperature.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="box-bg">
     <div class="title">
-      温度曲线图
+       <div class="word">温度曲线图</div> 
     </div>
     <div :style="{ width: '92%', height: '92%',margin: 'auto 3% auto 5%' }" id="temperature"></div>
   </div>
@@ -135,7 +135,7 @@ export default defineComponent({
   width:237rem;
   height:35rem;
   line-height:35rem;
-  /* padding-top: 10%; */
+  margin-top:5%;
   color: #03D6F9;
   font-size:16rem;
   text-align:left;
@@ -144,6 +144,9 @@ export default defineComponent({
   background: url('../assets/box-title.png') left no-repeat;
   background-size: 100%;
 }
+.word{
+  padding-left: 20rem;
+}
 /* .head-title {
   position: absolute;
   top: 30%;