更新轮播图适配

hookehuyr
Commit 72710ebe211e44c5c48ffeb264c62d350a4b4512 72710ebe 1 parent f7ff3c6d
Showing 4 changed files with 23 additions and 22 deletions
package.json
src/main.js
src/views/solution/index.vue
yarn.lock
--- a/package.json
View file @72710eb
+++ b/package.json
View file @72710eb
@@ -23,7 +23,7 @@
     "jquery": "^3.7.1",
     "mui-player": "^1.8.1",
     "sass": "1.55.0",
-    "swiper": "6",
+    "swiper": "5",
     "vue": "2.7.13",
     "vue-awesome-swiper": "4.1.1",
     "vue-router": "3.6.5"
--- a/src/main.js
View file @72710eb
+++ b/src/main.js
View file @72710eb
 /*
  * @Date: 2024-08-26 10:12:56
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-15 18:40:00
+ * @LastEditTime: 2024-10-16 15:23:50
  * @FilePath: /hager/src/main.js
  * @Description: 文件描述
  */
@@ -19,7 +19,8 @@ import 'element-ui/lib/theme-chalk/display.css'; // 基于断点的隐藏类，
 import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
 import VueAwesomeSwiper from 'vue-awesome-swiper';
-import 'swiper/swiper-bundle.css'; // 确保引入正确的CSS文件路径
+// import 'swiper/swiper-bundle.css'; // 确保引入正确的CSS文件路径
+import 'swiper/css/swiper.css'; // 确保引入正确的CSS文件路径
 Vue.use(VueRouter);
 // Vue.use(ElementUI);
--- a/src/views/solution/index.vue
View file @72710eb
+++ b/src/views/solution/index.vue
View file @72710eb
@@ -40,7 +40,7 @@
         </el-row>
       </div>
       <div v-else style="margin: 1rem 0;">
-        <swiper ref="mySolutionSwiper" class="swiper" :options="swiperOption" @slideChange="onSlideChange">
+        <swiper ref="mySolutionSwiper" class="swiper" :options="swiperOption" @slideChange="onSlideChange()">
           <swiper-slide v-for="(item, index) in solution_list" :key="index">
             <div @click="goToSolution(item)" class="card" style="margin-bottom: 1rem;">
               <img :src="item.src" alt="学校图片" class="card-image">
@@ -177,9 +177,9 @@ export default {
     nextSolutionBtn () {
       this.$refs.mySolutionSwiper.$swiper.slideNext();
     },
-    onSlideChange (swiper) {
+    onSlideChange () {
-      this.activeIndex = swiper.activeIndex;
+      this.activeIndex = this.$refs.mySolutionSwiper.$swiper.activeIndex;
-      const isEnd = swiper.isEnd;
+      const isEnd = this.$refs.mySolutionSwiper.$swiper.isEnd;
       if (isEnd) {
         this.reach_end = true;
--- a/yarn.lock
View file @72710eb
+++ b/yarn.lock
View file @72710eb
@@ -1552,12 +1552,12 @@ delayed-stream@~1.0.0:
   resolved "https://mirrors.cloud.tencent.com/npm/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
-dom7@^3.0.0:
+dom7@^2.1.5:
-  version "3.0.0"
+  version "2.1.5"
-  resolved "https://mirrors.cloud.tencent.com/npm/dom7/-/dom7-3.0.0.tgz#b861ce5d67a6becd7aaa3ad02942ff14b1240331"
+  resolved "https://mirrors.cloud.tencent.com/npm/dom7/-/dom7-2.1.5.tgz#a79411017800b31d8400070cdaebbfc92c1f6377"
-  integrity sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==
+  integrity sha512-xnhwVgyOh3eD++/XGtH+5qBwYTgCm0aW91GFgPJ3XG+jlsRLyJivnbP0QmUBFhI+Oaz9FV0s7cxgXHezwOEBYA==
   dependencies:
-    ssr-window "^3.0.0-alpha.1"
+    ssr-window "^2.0.0"
 electron-to-chromium@^1.5.4:
   version "1.5.13"
@@ -2345,10 +2345,10 @@ source-map@^0.6.1, source-map@~0.6.0:
   resolved "https://mirrors.cloud.tencent.com/npm/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-ssr-window@^3.0.0, ssr-window@^3.0.0-alpha.1:
+ssr-window@^2.0.0:
-  version "3.0.0"
+  version "2.0.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/ssr-window/-/ssr-window-3.0.0.tgz#fd5b82801638943e0cc704c4691801435af7ac37"
+  resolved "https://mirrors.cloud.tencent.com/npm/ssr-window/-/ssr-window-2.0.0.tgz#98c301aef99523317f8d69618f0010791096efc4"
-  integrity sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==
+  integrity sha512-NXzN+/HPObKAx191H3zKlYomE5WrVIkoCB5IaSdvKokxTpjBdWfr0RaP+1Z5KOfDT0ZVz+2tdtiBkhsEQ9p+0A==
 supports-color@^5.3.0:
   version "5.5.0"
@@ -2369,13 +2369,13 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://mirrors.cloud.tencent.com/npm/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
-swiper@6:
+swiper@5:
-  version "6.8.4"
+  version "5.4.5"
-  resolved "https://mirrors.cloud.tencent.com/npm/swiper/-/swiper-6.8.4.tgz#938fed4144f4d7952fbf9c44e5832d133a4de794"
+  resolved "https://mirrors.cloud.tencent.com/npm/swiper/-/swiper-5.4.5.tgz#a350f654bf68426dbb651793824925512d223c0f"
-  integrity sha512-O+buF9Q+sMA0H7luMS8R59hCaJKlpo8PXhQ6ZYu6Rn2v9OsFd4d1jmrv14QvxtQpKAvL/ZiovEeANI/uDGet7g==
+  integrity sha512-7QjA0XpdOmiMoClfaZ2lYN6ICHcMm72LXiY+NF4fQLFidigameaofvpjEEiTQuw3xm5eksG5hzkaRsjQX57vtA==
   dependencies:
-    dom7 "^3.0.0"
+    dom7 "^2.1.5"
-    ssr-window "^3.0.0"
+    ssr-window "^2.0.0"
 systemjs@^6.15.1:
   version "6.15.1"