commit

src/main/resources/views/layouts/v4/home/entry.js

@@ -125,7 +125,6 @@ const entry = {
             margin-top: 5px;
             display: flex;
             gap: 20px;
-            margin-bottom: 20px;
             border-bottom: 2px solid #e8e8e8;
             padding-bottom: 10px;
         }
@@ -169,8 +168,8 @@ const entry = {
             justify-items: center;    /* 子项内容居中（图标和文字） */
             justify-content: start;   /* 整体网格靠左对齐，避免居中 */
 
-            gap: 12px;
-            padding: 12px;
+            gap: 4px;
+            padding: 12px 4px;
             background: #fff;
             overflow-x: hidden;
             
@@ -183,11 +182,11 @@ const entry = {
             display: flex;
             flex-direction: column;
             align-items: center;
-            padding: 12px;
             border-radius: 8px;
             background: #fff;
             width: 100%;
             max-width: 100%;
+            padding: 6px;
             transition: transform 0.2s ease, box-shadow 0.2s ease;
         }
 

src/main/resources/views/layouts/v4/home/stats.js

@@ -1,6 +1,9 @@
 const stats = {
     template: /*language=HTML*/ `
         <div class="stats-section">
+            <div class="stats-family">
+                <img src="/assets/platform/img/home/family.png"/>
+            </div>
             <div class="stats-grid">
                 <!-- 待办 -->
                 <div
@@ -110,22 +113,22 @@ const stats = {
     style: /*language=CSS*/ `
         /* 右侧统计区域 */
         .stats-section {
-            position: absolute;
-            bottom: 24px;
-            right: 24px;
             /*background: white;*/
             color: #333;
             padding: 20px;
             border-radius: 12px;
-            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
             z-index: 10;
-            width: 680px;
+            width: 80%;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin: -130px auto 0;
             /*border: 1px solid #e8e8e8;*/
         }
 
         .stats-grid {
             display: grid;
-            grid-template-columns: repeat(4, 1fr);
+            grid-template-columns: repeat(2, 1fr);
             gap: 16px;
         }
 
@@ -140,13 +143,15 @@ const stats = {
             cursor: pointer;
             transition: all 0.2s ease;
             box-shadow: 0 2px 6px rgba(0,0,0,0.08);
+            width: 200px;
+            height: 90px;
         }
 
 
         .stat-icon {
-            font-size: 20px;
-            width: 36px;
-            height: 36px;
+            font-size: 30px;
+            width: 50px;
+            height: 50px;
             background: #e6f7ff;
             color: #1890ff;
             border-radius: 50%;
@@ -178,6 +183,7 @@ const stats = {
         .stat-content {
             display: flex;
             flex-direction: column;
+            margin-left: 10px;
         }
 
         .stat-label {
@@ -192,5 +198,14 @@ const stats = {
             font-weight: bold;
             margin-top: 2px;
         }
+
+        .stats-family {
+            width: 68%;
+        }
+        
+        .stats-family img {
+            height: 190px !important;
+            border-radius: 30px;
+        }
     `
 };