1

src/components/custom/swiper/test.vue

@@ -30,7 +30,6 @@ import { ref, onMounted } from "vue";
 export default {
   setup() {
     // 初始卡片数量和选中的卡片索引
-    const cardNum = 10;
     const slideIndex = ref(0);
     // 用 ref 保存当前显示的卡片数组和克隆数组
     const cards = ref([
@@ -52,6 +51,7 @@ export default {
     ]);
     const cloneCards = ref([]);
     const displayNum = ref(4);
+    const all_displayNum = ref(displayNum.value + 1);
     const displayCards = ref([]);
 
     // 用 ref 保存是否处于动画状态、是否停止轮播
@@ -59,16 +59,15 @@ export default {
     const stopPlaying = ref(false);
 
     onMounted(() => {
-      console.log("我执行了");
       // 克隆第一个和最后一个卡片，用于无限滚动
       cloneCards.value = cards.value.concat(
-        cards.value.slice(0, displayNum.value)
+        cards.value.slice(0, all_displayNum.value)
       );
 
       // 显示指定数量的卡片
       displayCards.value = cloneCards.value.slice(
         slideIndex.value,
-        slideIndex.value + displayNum.value
+        slideIndex.value + all_displayNum.value
       );
       // 自动播放
       let autoPlay = setInterval(() => {