项目公告-活动,调取接口

components/home/projectNotice.vue

@@ -11,35 +11,11 @@
       <div class="left-content">
         <div class="list">
           <div v-swiper:mySwiper="swiperOption" ref="mySwiper" class="swiper-no-swiping">
-            <div class="swiper-wrapper">
-              <!-- <div class="swiper-slide">
+            <div class="swiper-wrapper">            
+              <div class="swiper-slide" v-for="(item, index) in activityList" :key="index">
                 <div class="li">
-                  <div class="txt">康博斯威尔大学儿童心理与教育硕士项目动员会</div>
-                  <div class="time">6月2日</div>
-                </div>
-              </div> -->
-              <!-- <div class="swiper-slide">
-                <div class="li">
-                  <div class="txt">2021年第二期“1+X 金融产品数字化营销职业技能等级证书(中级)”师资培训班</div>
-                  <div class="time">06月27日</div>
-                </div>
-              </div> -->
-              <div class="swiper-slide">
-                <div class="li">
-                  <div class="txt">紫荆-KELLEY商学院金融硕士项目招生说明会</div>
-                  <div class="time">07月11日</div>
-                </div>
-              </div>
-              <div class="swiper-slide">
-                <div class="li">
-                  <div class="txt">《资产定价和证券估值》北京线下课</div>
-                  <div class="time">07月15日</div>
-                </div>
-              </div>
-              <div class="swiper-slide">
-                <div class="li">
-                  <div class="txt">中国PRP二期班核心课程</div>
-                  <div class="time">07月17日</div>
+                  <div class="txt">{{ item.title }}</div>
+                  <div class="time">{{ item.abstract }}</div>
                 </div>
               </div>
             </div>
@@ -81,7 +57,8 @@ export default {
         direction: 'vertical',
         height: 82,
         loopAdditionalSlides: 1
-      }
+      },
+      activityList: []
     }
   },
   async fetch() {
@@ -93,6 +70,9 @@ export default {
     }
     this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
   },
+  mounted() {
+    this.getActivity()
+  },
   methods: {
     // 2021
     formatYY(value) {
@@ -103,6 +83,15 @@ export default {
     formatMD(value) {
       const date = new Date(value * 1000)
       return date.getMonth() + 1 + '/' + date.getDate()
+    },
+    getActivity() {
+      const params = {
+        project_id: process.env.projectId,
+        type_tag: 'www_activity'
+      }
+      this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
+        this.activityList = res.data.data
+      })
     }
   }
 }