style(Swiper): 更改废除的 API，样式优化

baiwumm · Oct 21, 2024 · 5477250 · 5477250
1 parent 3fd0732
commit 5477250
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/web/src/views/features/swiper/modules/thumbnail-swiper.vue b/web/src/views/features/swiper/modules/thumbnail-swiper.vue
@@ -60,6 +60,8 @@ const setThumbsSwiper = (swiper: SwiperClass) => {
   .swiper-slide {
     height: 100%;
     opacity: 0.4;
+    transition: 0.3s all;
+    cursor: pointer;
   }
   .swiper-slide-thumb-active {
     opacity: 1;

diff --git a/web/src/views/features/swiper/modules/visual-swiper.vue b/web/src/views/features/swiper/modules/visual-swiper.vue
@@ -46,7 +46,7 @@ const setTransition = (swiper: SwiperClass, transition: number) => {
     slides-per-view="auto"
     centered-slides
     loop
-    :looped-slides="5"
+    :loop-additional-slides="5"
     autoplay
     navigation
     :modules="[Navigation, Autoplay, Pagination]"
@@ -58,7 +58,7 @@ const setTransition = (swiper: SwiperClass, transition: number) => {
     @set-transition="setTransition"
   >
     <SwiperSlide v-for="i in 8" :key="i" :style="{ width: '600px', height: '450px' }">
-      <img :src="imgs[i - 1]" class="slide-inner h-full w-full object-cover" />
+      <img :src="imgs[i - 1]" class="h-full w-full object-cover" />
     </SwiperSlide>
   </Swiper>
 </template>