首页填充数据

src/views/home/index.vue

@@ -385,11 +385,11 @@
     </div>
     <div class="section-block section-block-4" v-if="isLogin">
       <div class="d-flex mb-3" style="margin-top: 20px;">
-        <img src="../../../static/images/illustration-4.png" alt="" width="300" height="150" class="img">
+        <router-link v-for="sysItem in articleSysList" :to="`/college/detail/${sysItem.category_id}/${sysItem.id}`" class="target-a">
-        <img src="../../../static/images/illustration-5.png" alt="" width="300" height="150" class="img">
+          <img :src="sysItem.full_cover" alt="" width="300" height="150" class="img">
-        <img src="../../../static/images/illustration-6.png" alt="" width="300" height="150" class="img">
+        </router-link>
       </div>
-      <div class="d-flex" style="color: #6A6E74;"><div>{{ $t("xtzcoins3.a68") }}</div><div style="margin:0px 30px;">(2023-04-25)</div><div>{{ $t("xtzcoins3.a69") }}</div></div>
+<!--      <div class="d-flex" style="color: #6A6E74;"><div>{{ $t("xtzcoins3.a68") }}</div><div style="margin:0px 30px;">(2023-04-25)</div><div>{{ $t("xtzcoins3.a69") }}</div></div>-->
     </div>
     <div class="section-block section-block-2">
       <div class="d-flex justify-content-between">
@@ -1189,6 +1189,7 @@ export default {
       cid: '',
       price_cny: 0,
       email: '',
+      articleSysList: [],
     };
   },
   methods: {
@@ -1416,6 +1417,11 @@ export default {
       this.cid = e;
       this.getArticleListItem();
     },
+    getArticleSysList(){
+      College.getArticleList(4).then(data => {
+         this.articleSysList = data.splice(0, 3);
+      }).catch();
+    },
 
     // 获取汇率
     getCurrencyExCny() {
@@ -1458,6 +1464,8 @@ export default {
     this.indexMarketList();
     this.getCollegeLinks();
     this.getCurrencyExCny();
+    this.getArticleSysList();
+    console.log(this.articleSysList);
     /*
      * swiper 轮播图效果
      */