update slider

hichina-main-front/src/views/blog/index.vue

@@ -4,7 +4,7 @@
   <div class="wrapper mt-12">
     <div class="swiper">
       <div class="swiper-wrapper">
-        <swiper-container  autoplay-delay="3000" loop="true">
+        <swiper-container  autoplay-delay="3000" loop="true" css-mode="true" navigation="true" pagination="true" scrollbar="true">
           <swiper-slide style="cursor: pointer" class="banner swiper-slide" v-for="(item,index) in sliders " :key="index" >
             <p class="title">{{ item.title }}</p>
             <p class="info"> {{ item.subTitle }} </p>
@@ -12,13 +12,6 @@
           </swiper-slide>
         </swiper-container>
       </div>
-      <el-icon class="swiper-button-prev swiper-btn" size="50">
-        <svg-icon icon-class="swiper-prev"/>
-      </el-icon>
-      <el-icon class="swiper-button-next swiper-btn" size="50">
-        <svg-icon icon-class="swiper-next"/>
-      </el-icon>
-      <div class="swiper-pagination"></div>
     </div>
 
     

hichina-main-front/src/views/guideintro/index.vue

@@ -1,19 +1,12 @@
 <template>
   <div class="swiper">
     <div class="swiper-wrapper">
-      <swiper-container  autoplay-delay="3000" loop="true">
+      <swiper-container  autoplay-delay="3000" loop="true" css-mode="true" navigation="true" pagination="true" scrollbar="true">
         <swiper-slide style="cursor: pointer" class="banner swiper-slide" v-for="(item,index) in sliders " :key="index" >
           <v-lazy-image :src="item.imageUrl" alt="" />
         </swiper-slide>
       </swiper-container>
     </div>
-    <el-icon class="swiper-button-prev swiper-btn" size="50">
-      <svg-icon icon-class="swiper-prev"/>
-    </el-icon>
-    <el-icon class="swiper-button-next swiper-btn" size="50">
-      <svg-icon icon-class="swiper-next"/>
-    </el-icon>
-    <div class="swiper-pagination"></div>
   </div>
 
   <!-- <p class="text">Editor's Choice this Week</p> -->

hichina-main-front/src/views/home/index.vue

@@ -2,7 +2,7 @@
 <div class="scrollbar">
   <div class="swiper">
     <div class="swiper-wrapper">
-      <swiper-container  autoplay-delay="2000" loop="true">
+      <swiper-container  autoplay-delay="2000" loop="true" css-mode="true" navigation="true" pagination="true" scrollbar="true">
         <swiper-slide style="cursor: pointer" class="banner " v-for="(item,index) in sliders " :key="index" @click="goToBlog(item.linkToBlog)" >
           <p class="title">{{ item.title }}</p>
           <p class="info">{{ item.subTitle }}</p>
@@ -10,14 +10,6 @@
         </swiper-slide>
       </swiper-container>
     </div>
-
-    <el-icon class="swiper-button-prev swiper-btn" size="50">
-      <svg-icon icon-class="swiper-prev"/>
-    </el-icon>
-    <el-icon class="swiper-button-next swiper-btn" size="50">
-      <svg-icon icon-class="swiper-next"/>
-    </el-icon>
-    <div class="swiper-pagination"></div>
   </div>
 
   <section class="wrapper mt-84">