分辨率问题调整

src/components/screenDisplay.vue

@@ -320,9 +320,9 @@ import AMapLoader from "@amap/amap-jsapi-loader";
     <div v-show="mapLevel === 2">
       <div class="secondLeftLayer">
         <div class="secondLeftLayer_one">
-          <div style="display: flex;justify-content: space-between;padding: 3px 10px">
+          <div style="display: flex;justify-content: space-between;width: 100%">
             <div class="secondLeftLayer_title"><p>热源趋势曲线</p></div>
-            <div style="display: flex;align-items: center">
+            <div style="display: flex;align-items: center;padding-right: 2%">
               <ul v-for="(item,index) in heatSourceBtnList" :key="index">
                 <li
                     :class="[item.value === heatType ? 'activeBtn' : 'normalBtn']"
@@ -2051,7 +2051,7 @@ export default defineComponent({
   width: 800px;
   maxheight: 550px;
   border: rgba(129, 210, 230, 0.5) solid 1px;
-  padding: 0 0 0 10px;
+  //padding: 0 0 0 10px;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
   color: white;
   position: absolute;
@@ -2085,7 +2085,7 @@ export default defineComponent({
 }
 .scroll-wrap {
   width: 100%;
-  height: 300px;
+  height: 140px;
   margin: 0 auto;
   overflow: hidden;
   background-color: rgb(0, 5, 38, 0.5);
@@ -2180,37 +2180,37 @@ export default defineComponent({
   margin-bottom: 11px;
   height: 32%;
   border: rgba(129, 210, 230, 0.5) solid 1px;
-  padding: 0 0 0 10px;
+  //padding: 0 0 0 10px;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
 }
 .secondLeftLayer_one{
   height: 26%;
   border: rgba(129, 210, 230, 0.5) solid 1px;
-  padding: 0 0 0 10px;
+  //padding: 0 0 0 10px;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
 }
 .secondLeftLayer_two{
   height: 26%;
   border: rgba(129, 210, 230, 0.5) solid 1px;
-  padding: 0 0 0 10px;
+  //padding: 0 0 0 10px;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
 }
 .secondLeftLayer_three{
   height: 46%;
   border: rgba(129, 210, 230, 0.5) solid 1px;
-  padding: 0 0 0 10px;
+  //padding: 0 0 0 10px;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
 }
 .secondLeftLayer_four{
   height: 25%;
   border: rgba(129, 210, 230, 0.5) solid 1px;
-  padding: 0 0 0 10px;
+  //padding: 0 0 0 10px;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
 }
 .secondLeftLayer_fifth{
   height: 75%;
   border: rgba(129, 210, 230, 0.5) solid 1px;
-  padding: 0 0 0 10px;
+  //padding: 0 0 0 10px;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
 }
 .activeBtn{
@@ -2244,7 +2244,7 @@ export default defineComponent({
 .fourRow_value{
   color: white;
   width: 70%;
-  font-size: 27px;
+  font-size: 170%;
 }
 .title_row{
   display: flex;
@@ -2258,7 +2258,7 @@ export default defineComponent({
 }
 .secondLeftLayer_title{
   color: white;
-  font-size: 17px;
+  font-size: 120%;
   padding: 5px 0 5px 10px;
 }
 
@@ -2269,6 +2269,7 @@ export default defineComponent({
   border: 1px solid #ddd; /* Border around the entire table */
   max-width: 600px;
   margin: 10px 10px 0;
+
 }
 .table-row {
   color: white;
@@ -2276,13 +2277,11 @@ export default defineComponent({
 }
 
 .table-cell {
-  padding: 5px 4px 0 10px;
-  height: 28px;
+  padding: 3%;
   border: 1px solid #ddd; /* Border for each cell */
 }
 .table-cellTwo{
-  padding: 5px 4px 0 10px;
-  height: 32px;
+  padding: 3%;
   border: 1px solid #ddd; /* Border for each cell */
 }
 .gis_content .leftLayer {
@@ -2304,12 +2303,12 @@ export default defineComponent({
   margin: 0 0 0 5%;
 }
 .gis_content .secondLeftLayer1 {
-  width: 400px;
-  height: 220px;
+  width: 100%;
+  height: 80%;
 }
 .gis_content .secondLeftLayer2 {
-  width: 400px;
-  height: 220px;
+  width: 100%;
+  height: 80%;
 }
 .gis_content .rightLayer {
   position: absolute;
@@ -2368,8 +2367,7 @@ export default defineComponent({
   height: 18.6%;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
   z-index: 9;
-  left: 412px;
-  right: 5px;
+  left: 21.5%;
   bottom: 5px;
   border: rgba(129, 210, 230, 0.5) solid 1px;
 }