更新 首页样式

src/views/index/Index.vue

@@ -391,12 +391,11 @@ function drawPie(type) {
     },
     series: [
       {
-        center: ["50%", "60%"],
+        center: ["50%", "65%"],
         type: "pie",
         radius: "60%",
         data: [
           { value: indexData.value.finshDiscTons, name: "已卸货吨位" },
-          { value: indexData.value.totalLoadTons, name: "装载吨位" },
           { value: indexData.value.unfinshDiscTons, name: "剩余卸货吨位" },
         ],
         emphasis: {
@@ -601,13 +600,13 @@ onMounted(() => {
 
 .left-top {
   width: calc(100% - 280px);
-  height: calc(100vh - 256px);
+  height: calc(100vh - 238px);
   position: relative;
 }
 
 .right-top {
   width: 280px;
-  height: calc(100vh - 256px);
+  height: calc(100vh - 238px);
   background: #fff;
   text-align: center;
   color: #3992de;
@@ -615,7 +614,7 @@ onMounted(() => {
 
 .left-bottom {
   width: calc(100% - 280px);
-  height: 118px;
+  height: 100px;
   background: #fff;
   display: flex;
   justify-content: center;
@@ -623,7 +622,7 @@ onMounted(() => {
 
 .right-bottom {
   width: 280px;
-  height: 118px;
+  height: 100px;
   text-align: center;
   display: flex;
   justify-content: space-around;
@@ -634,18 +633,18 @@ onMounted(() => {
   width: 800px;
 }
 .cards {
-  height: calc((100% - 280px) / 4);
+  height: 15%;
   border-bottom: 1px solid grey;
 }
 
 .cards > div:first-child {
-  font-size: 24px;
-  padding-top: 12%;
-  padding-bottom: 8%;
+  font-size: 2vh;
+  padding-top: 6%;
+  padding-bottom: 6%;
 }
 
 .cards > div:last-child {
-  font-size: 20px;
+  font-size: 1.5vh;
 }
 /* 
 .cards {
@@ -659,6 +658,6 @@ onMounted(() => {
 .card-4 {
 } */
 .card-5 {
-  height: 280px;
+  height: 30%;
 }
 </style>