..

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

@@ -13,21 +13,20 @@ const act = {
                     <!-- 活动数据 - Swiper -->
                     <div class="swiper activity-swiper">
                         <div class="swiper-wrapper">
-                            <div class="swiper-slide" v-for="(activity, index) in actList" :key="index">
+                            <div class="swiper-slide" v-for="(activity, index) in actList" :key="activity.id">
                                 <div class="item" @click="go(activity)">
                                     <div class="img-box">
-                                        <img :src="activity.image || 'https://www.ncu.edu.cn/__local/8/52/2C/644986B4C9A030F7B65300178A6_8679CB08_18467.jpg'"
+                                        <img :src="activity.cover1 || 'https://www.ncu.edu.cn/__local/8/52/2C/644986B4C9A030F7B65300178A6_8679CB08_18467.jpg'"
                                              alt="">
                                     </div>
                                     <h4 class="title">
-                                        {{ activity.title || '欢迎参加周末电影鉴赏活动' }}
+                                        {{ activity.name}}
                                     </h4>
                                     <!--报名时间-->
                                     <div class="time">
                                         <p>
                                             <i class="fa fa-clock-o"></i>
-                                            报名时间：{{ activity.startTime || '2017-05-01' }}至{{ activity.endTime ||
-                                            '2017-05-05' }}
+                                            时间：{{ activity.startDate }}至{{ activity.endDate }}
                                         </p>
                                     </div>
                                 </div>
@@ -56,10 +55,10 @@ const act = {
         listAct() {
             this.$axios.post("/platform/home/listHomeActivity").then((res) => {
                 if (res.code === 0) {
-                    for (let i = 0; i < 10; i++) {
-                        this.actList = this.actList.concat(res.data)
-                    }
-                    // this.actList = res.data
+                    // for (let i = 0; i < 10; i++) {
+                    //     this.actList = this.actList.concat(res.data)
+                    // }
+                    this.actList = res.data
                     // 数据加载完成后初始化Swiper
                     this.$nextTick(() => {
                         this.initSwiper()
@@ -124,6 +123,7 @@ const act = {
             font-weight: bold;
             position: relative;
             text-align: center;
+            padding: 40px 0;
         }
 
         .section-act .section-act-title span:hover {
@@ -162,7 +162,7 @@ const act = {
 
         .activity-swiper {
             width: 100%;
-            padding: 0 50px;
+            padding: 0 50px 20px 50px;
         }
 
         .activity-swiper .swiper-slide {
@@ -237,6 +237,7 @@ const act = {
         .activity-swiper .swiper-slide .item h4 {
             font-size: 20px;
             margin-top: 10px;
+            height: 60px;
             color: #333;
             display: -webkit-box;
             -webkit-line-clamp: 2;