bug fixes

components/about/NewsItem.vue

 <template>
   <div class="news-item">
-    <nuxt-link :to="`/about/news/${item.id}`">
+    <new-link :item="{ news: { data: item, path: '/about/news' } }">
       <img :src="item.mobile_terminal_img_uri" class="news-item-pic" v-if="item.mobile_terminal_img_uri" />
       <div class="news-item-content">
         <div class="news-item-content__date">{{ formatDate(item.start_time) }}</div>
         <div class="news-item-content__title">{{ item.title }}</div>
         <div class="news-item-content__text" v-if="item.abstract">{{ item.abstract }}</div>
       </div>
-    </nuxt-link>
+    </new-link>
   </div>
 </template>
 
 <script>
+import NewLink from '@/components/NewLink'
 export default {
+  components: { NewLink },
   props: { item: { type: Object } },
   methods: {
     formatDate(value) {

components/home/Class.vue

@@ -36,7 +36,10 @@ export default {
   },
   async fetch() {
     const params = {
-      project_id: process.env.projectId, type_tag: 'article_publish_class', page: 1, limit: 2
+      project_id: process.env.projectId,
+      type_tag: 'article_publish_class',
+      page: 1,
+      limit: 2
     }
     await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
       this.data = res.data.data || []

components/home/Post.vue

@@ -17,23 +17,27 @@
       </div>
     </div>
     <div class="list">
-      <nuxt-link :to="`/about/news/${item.id}`" v-for="(item, index) in list" :key="index">
-        <div class="list-item">
-          <div class="list-item__date">
-            <p class="t1">{{ formatMD(item.start_time) }}</p>
-            <p class="t2">{{ formatYY(item.start_time) }}</p>
+      <template v-for="(item, index) in list">
+        <new-link :item="{ news: { data: item, path: '/about/news' } }" :key="index">
+          <div class="list-item">
+            <div class="list-item__date">
+              <p class="t1">{{ formatMD(item.start_time) }}</p>
+              <p class="t2">{{ formatYY(item.start_time) }}</p>
+            </div>
+            <div class="list-item__title">{{ item.title }}</div>
           </div>
-          <div class="list-item__title">{{ item.title }}</div>
-        </div>
-      </nuxt-link>
+        </new-link>
+      </template>
     </div>
   </card>
 </template>
 
 <script>
 import Card from '@/components/Card'
+import NewLink from '@/components/NewLink'
+
 export default {
-  components: { Card },
+  components: { Card, NewLink },
   data() {
     return {
       swiperOptions: {
@@ -41,8 +45,7 @@ export default {
         delay: 5000,
         loop: true,
         direction: 'vertical',
-        slidesPerView: 'auto',
-        centeredSlides: true
+        slidesPerView: 2
       },
       futureList: [
         { title: '中国PRP二期班核心课程（一）', created_time: '06月17日' },
@@ -89,10 +92,11 @@ export default {
 }
 .future-right {
   flex: 1;
-  height: 1.2rem;
-  overflow: hidden;
   // padding-left: 0.28rem;
 }
+.my-swiper {
+  height: 1rem;
+}
 .future-item {
   display: flex;
   align-items: center;
@@ -102,10 +106,10 @@ export default {
   border-top: 1px solid #999;
 }
 
-::v-deep{
-  .swiper-slide-duplicate-active{
-    .future-item{
-      border-top: 1px solid #999999;
+::v-deep {
+  .swiper-slide-active {
+    .future-item {
+      border-bottom: 1px solid #999999;
     }
   }
 }

components/home/Story.vue

@@ -34,7 +34,7 @@ export default {
   },
   async fetch() {
     const params = { project_id: process.env.projectId, type_tag: 'article_alumni' }
-    this.list = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data )
+    this.list = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
   }
 }
 </script>