样式修改

lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/statisticalPanel.html

@@ -5,11 +5,11 @@
 
 <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
 <head>
-    <th:block th:include="zdxtInclude :: header('综合分析')"/>
+    <th:block th:include="zdxtInclude :: header('综合分析')" />
     <th:block th:include="zdxtInclude :: datetimepicker-css" />
-    <link type="text/css" href="/css/stat1.css" rel="stylesheet"/>
+    <link type="text/css" href="/css/stat1.css" rel="stylesheet" />
     <style>
-        .statwrap .panel-card{
+        .statwrap .panel-card {
             width: 32%;
             height: 35%;
             background-color: #dedbd6;
@@ -25,9 +25,10 @@
         }
 
         .statwrap .panel-card {
-            margin: 0.75%;
-            width: 31.5%;
-            height: 47%;
+            display: flex;
+            margin: 0.5% 0.75%;
+            width: 48%;
+            height: 32%;
             background-color: #fff;
             border-radius: 4px;
             box-shadow: 0 0 5px #e2e3e4;
@@ -38,9 +39,9 @@
             flex-direction: column;
             flex-wrap: nowrap;
             justify-content: space-around;
-            width: 90%;
+            width: 35%;
             height: 25%;
-            margin: 8% 1% 0;
+            margin: 9% 1% 0;
         }
 
         .panel-card-bottom {
@@ -48,26 +49,25 @@
             flex-wrap: wrap;
             align-content: flex-end;
             justify-content: space-around;
-            margin-top: -2%;
-            width: 100%;
-            height: 56%;
+            margin-top: 3.25%;
+            width: 60%;
+            height: 50%;
         }
 
         .panel-card-left {
             display: flex;
             flex-direction: column;
             justify-content: space-around;
-            margin-left: -3%;
             width: 45%;
             height: 52%;
-            border-right: 1px solid #eee;
+            /* border-right: 1px solid #eee; */
         }
 
         .panel-card-right {
             display: flex;
             flex-direction: column;
             justify-content: space-around;
-            width: 35%;
+            width: 45%;
             height: 52%;
         }
 
@@ -111,7 +111,7 @@
         .percent-tag {
             display: flex;
             align-items: center;
-            margin: 1% 3% 2%;
+            margin: 5% 3% 2%;
         }
 
         .percent-tag span {