commit

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

@@ -3,6 +3,7 @@ layout("/layouts/v4/baseLayout.html"){
 #-->
 
 <style>
+
     .section-banner {
         position: relative;
         overflow: hidden;
@@ -23,37 +24,71 @@ layout("/layouts/v4/baseLayout.html"){
         width: 100%;
     }
 
-    .act-wrapper{
-        width: 100%;
-        background-image: url(https://www.ncu.edu.cn/images/bbg1.jpg);
-        background-size: cover;
-        background-position: center center;
-        background-repeat: no-repeat;
+    .home-grid {
+	    width: 80%;
+	    margin: 20px auto;
+	    display: grid;
+	    /*grid-template-columns: 2.2fr 0.8fr;*/
+	    gap: 24px;
+	    align-items: stretch;
+	    row-gap: 24px;
     }
 
+    .entry-card {
+	    display: flex;
+	    /*align-items: center;*/
+	    min-width: 320px;
+	    background: white;
+	    border-radius: 12px;
+	    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+	    padding: 16px;
+	    transition: transform 0.2s, box-shadow 0.2s;
+    }
+
+    .entry-card:hover {
+	    transform: translateY(-2px);
+	    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
+    }
+
+    .act-card {
+	    display: flex;
+	    align-items: center;
+	    min-width: 320px;
+	    background: white;
+	    border-radius: 12px;
+	    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+	    padding: 16px;
+	    transition: transform 0.2s, box-shadow 0.2s;
+    }
 
 </style>
 
-
 <div class="v4-container" id="v4-home-app">
     <!-- 首页banner -->
     <div class="section-banner">
         <div class="banner-img">
             <img src="${config.AppHomeImg!}" alt=""/>
+            <stats></stats>
         </div>
     </div>
 
-    <user></user>
+    <div class="">
+	    <user></user>
 
-    <entry></entry>
+	    <div class="home-grid">
+            <div class="entry-card">
+                <entry></entry>
+            </div>
+		    <div class="act-card">
+			    <act></act>
+		    </div>
 
-    <!-- 工会活动 -->
-    <div class="section-wrapper act-wrapper">
-        <act/>
+
+	    </div>
+
+<!--	    <jcdt :list="websiteNews.grassroots"></jcdt>-->
     </div>
 
-<!--    <jcdt :list="websiteNews.grassroots"></jcdt>-->
-
 </div>
 
 <script>
@@ -61,6 +96,9 @@ layout("/layouts/v4/baseLayout.html"){
     <!--#include("jcdt.js"){}#-->
     <!--#include("entry.js"){}#-->
     <!--#include("user.js"){}#-->
+
+    <!--#include("stats.js"){}#-->
+
     new Vue({
         el: '#v4-home-app',
         data(){
@@ -75,6 +113,7 @@ layout("/layouts/v4/baseLayout.html"){
             'jcdt': jcdt,
             'entry': entry,
             'user': user,
+            'stats': stats,
         },
         mounted() {
             this.getWebSiteNews()