修改轮播图

src/pages/home/index.vue

 <template>
   <div>
     <div class="home-module-news content-max-width">
-      <div class="slide-box">
+      <div class="slide-box" v-if="swiperList.length">
         <swiper ref="mySwiper" :options="swiperOptions" class="item-swiper">
           <swiper-slide v-for="(item, index) in swiperList" :key="index">
-            <img :src="item.url" alt="" />
+            <router-link :to="`/news/detail?id=${item.id}&type=home`">
+              <img :src="item.url" alt="" />
+            </router-link>
           </swiper-slide>
         </swiper>
         <div class="assist">
@@ -178,6 +180,16 @@ export default {
         })
         action.articleAction.getArticle({ category_id: findId.id }).then(res => {
           this.list = res.data.list
+          this.swiperList = []
+          res.data.list.map((item, index) => {
+            if (index <= 3) {
+              this.swiperList.push({
+                url: item.cover_pc_url,
+                content: item.title,
+                id: item.id
+              })
+            }
+          })
           loading.close()
         })
       }
@@ -195,6 +207,7 @@ export default {
   padding: 24px 0;
   display: flex;
   .slide-box{
+    cursor: pointer;
     position: relative;
     width: 630px;
     height: 354px;