修改首页样式

components/home/news.vue

@@ -6,14 +6,14 @@
         <img :src="listData.first.photo_uri" alt="">
         <div class="mantle-box">
           <div class="tit">{{ listData.first.title }}</div>
-          <div class="con-txt" v-html="listData.first.content"></div>
+          <div class="con-txt">{{listData.first.summary}}</div>
         </div>
       </div>
       <ul class="news-right">
         <li v-for="(item, index) in listData.list" :key="index" @click="goPage(item)">
           <div class="time">{{ item.created_time }}</div>
           <div class="news-r-title">{{ item.title }}</div>
-          <div class="del" v-html="`${item.content.replace(/<[^<>]+>/g,'').replace(/&nbsp;/ig,'')}`"></div>
+          <div class="del">{{item.summary}}</div>
         </li>
       </ul>
     </div>

components/home/openClass.vue

@@ -34,9 +34,11 @@ export default {
         observeParents: true,
         speed: 400,
         autoplay: true,
-        delay: 3000,
+        delay: 30000,
         loop: true,
         slidesPerView: 3,
+        centeredSlides: true,
+        autoHeight: true,
         // centeredSlides: true,
         spaceBetween: 20,
         on: {
@@ -129,7 +131,9 @@ export default {
     // width: 100%;
     .swiper-slide{
       position: relative;
-      width: 388px;
+      width: 360px;
+      height: 230px;
+      margin-top: 10px;
       .text{
         position: absolute;
         bottom: 0;
@@ -148,9 +152,14 @@ export default {
       }
       img{
         width: 100%;
-        height:256px;
+        height:100%;
       }
     }
+    .swiper-slide-active{
+      width:438px;
+      height:246px;
+      margin-top: 0;
+    }
   }
 }
 .scale{