Procházet zdrojové kódy

修复轮播图问题

shaogen1995 před 3 roky
rodič
revize
2e69f9055a
2 změnil soubory, kde provedl 8 přidání a 7 odebrání
  1. 2 2
      houtai/src/utils/request.js
  2. 6 5
      web/src/views/tab2/index.vue

+ 2 - 2
houtai/src/utils/request.js

@@ -1,8 +1,8 @@
 import axios from 'axios'
 const service = axios.create({
   // baseURL: 'http://192.168.0.135:8005/', // 本地调试
-  baseURL: 'http://192.168.0.245:8005/', // 线上调试
-  // baseURL: '', // build
+  // baseURL: 'http://192.168.0.245:8005/', // 线上调试
+  baseURL: '', // build
   timeout: 5000
 })
 // 请求拦截器

+ 6 - 5
web/src/views/tab2/index.vue

@@ -52,10 +52,11 @@ export default {
   mounted () {
     // eslint-disable-next-line
     new Swiper(".swiper-container", {
-      slidesPerView: 3,
+      slidesPerView: 1.5,
       spaceBetween: 0,
-      // centeredSlides: true,
+      centeredSlides: true,
       loop: true,
+      loopAdditionalSlides: 100,
       // 如果需要前进后退按钮
       nextButton: '.swiper-button-next',
       prevButton: '.swiper-button-prev'
@@ -106,12 +107,12 @@ export default {
     // /deep/.swiper-slide.swiper-slide-active {
     //   transform: translate(0, 0);
     // }
-    /deep/.swiper-slide.swiper-slide-next {
-      transform:scale(2.4,1.2) ;
+    /deep/.swiper-slide.swiper-slide-active {
+      transform:scale(1.2) ;
       overflow: visible;
       z-index: 9999 !important;
     }    
-    /deep/.swiper-slide.swiper-slide-next >img {
+    /deep/.swiper-slide.swiper-slide-active >img {
       opacity: 1;
     }
   }