commit

src/main/resources/views/layouts/v4/home/index.html

@@ -16,14 +16,8 @@ layout("/layouts/v4/baseLayout.html"){
 
     .section-banner .banner-img img {
         width: 100%;
-        /*height: 100%;*/
-        height: 470px;
-        object-fit: cover;
-    }
-
-    /* 临时屏蔽首页背景图，保留原图片节点便于恢复 */
-    .section-banner .banner-img > img {
-        display: none;
+        height: auto;
+        display: block;
     }
 
     .section-wrapper {
@@ -61,12 +55,44 @@ layout("/layouts/v4/baseLayout.html"){
 	    align-items: center;
 	    min-width: 320px;
 	    background: white;
-	    border-radius: 12px;
-	    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
-	    padding: 16px;
+	    border-radius: 8px;
+	    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
+	    padding: 11px;
 	    transition: transform 0.2s, box-shadow 0.2s;
     }
 
+    .home-section {
+	    width: 100%;
+    }
+
+    .home-section-header {
+	    display: flex;
+	    align-items: center;
+	    justify-content: space-between;
+	    margin-bottom: 10px;
+    }
+
+    .home-section-title {
+	    display: inline-flex;
+	    align-items: baseline;
+	    gap: 6px;
+	    color: #19324d;
+	    font-size: 18px;
+	    font-weight: 700;
+    }
+
+    .home-section-title i {
+	    color: #409eff;
+	    font-size: 16px;
+    }
+
+    .home-section-title em {
+	    color: #b5c0d6;
+	    font-size: 14px;
+	    font-style: normal;
+	    font-weight: 500;
+    }
+
 </style>
 
 <div class="v4-container" id="v4-home-app">
@@ -87,6 +113,21 @@ layout("/layouts/v4/baseLayout.html"){
 		    </div>
 	    </div>
 
+	    <div class="home-grid">
+		    <div class="home-section">
+			    <div class="home-section-header">
+				    <div class="home-section-title">
+					    <i class="fa fa-calendar"></i>
+					    <span>最新活动</span>
+					    <em>/Activities</em>
+				    </div>
+			    </div>
+			    <div class="act-card">
+				    <act></act>
+			    </div>
+		    </div>
+	    </div>
+
 	    <work-template v-if="$auth.hasRoleOr(['SYSADMIN','SCHOOL_UNION_ADMIN'])"></work-template>
 
 	    <jcdt :list="websiteNews"></jcdt>