..

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

@@ -22,6 +22,18 @@ layout("/layouts/v4/baseLayout.html"){
         object-fit: cover;
     }
 
+    .section-wrapper {
+        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;
+    }
+
 
 </style>
 
@@ -33,7 +45,18 @@ layout("/layouts/v4/baseLayout.html"){
             <img src="${config.AppHomeImg!}" alt=""/>
         </div>
     </div>
-    <act/>
+
+    <user></user>
+
+    <entry></entry>
+
+    <!-- 工会活动 -->
+    <div class="section-wrapper act-wrapper">
+        <act/>
+    </div>
+
+    <jcdt :list="websiteNews.grassroots"></jcdt>
+
 </div>
 
 <!-- 引入Swiper JS -->
@@ -41,19 +64,35 @@ layout("/layouts/v4/baseLayout.html"){
 
 <script>
     <!--#include("act.js"){}#-->
+    <!--#include("jcdt.js"){}#-->
+    <!--#include("entry.js"){}#-->
+    <!--#include("user.js"){}#-->
     new Vue({
         el: '#v4-home-app',
-        data: {
-
+        data(){
+            return{
+                websiteNews:{
+                    grassroots:[],
+                }
+            }
         },
         components: {
-            'act': act
+            'act': act,
+            'jcdt': jcdt,
+            'entry': entry,
+            'user': user,
         },
         mounted() {
-
+            this.getWebSiteNews()
         },
         methods: {
-
+            getWebSiteNews(){
+                this.$axios.post('/platform/home/getNews').then(res => {
+                    if (res.code === 0) {
+                        this.websiteNews = res.data
+                    }
+                })
+            }
         }
     })
 </script>