From 7563745d85fbab0d69bf1fb69a32109de778bd9b Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 31 五月 2024 14:26:33 +0800
Subject: [PATCH] ppt

---
 src/books/English/view/components/index.vue |   44 ++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 44 insertions(+), 0 deletions(-)

diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index a1fe4a9..a8cd190 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -16,6 +16,8 @@
         @saveCharacters="saveCharacters"
         v-if="showCatalogList.indexOf(2) > -1"
         :showPageList="loadPageList"
+        :pageNum="pageNum"
+        :total="total"
       ></chapterOne>
     </div>
   </div>
@@ -44,6 +46,8 @@
       loadPageList: [],
       questionData: {},
       renderSignMap: {},
+      pageNum: "1",
+      total: "27",
     };
   },
   computed: {
@@ -559,6 +563,46 @@
           // }
         });
       }
+      const that = this
+      const pptDoms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".swiper_ppt");
+      for (let i = 0; i < pptDoms.length; i++) {
+        const dom = pptDoms[i];
+        new Swiper(dom, {
+        loop: false, // 鏃犵紳
+        autoplay: false,
+        paginationClickable: true,
+        slidesPerView: 1, // 涓�缁勪笁涓�
+        spaceBetween: 30, // 闂撮殧
+        // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+        navigation: {
+          nextEl: (this.container ? this.container : document).querySelector(
+            ".swiper-button-next"
+          ),
+          prevEl: (this.container ? this.container : document).querySelector(
+            ".swiper-button-prev"
+          ),
+        },
+        // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+        observer: true,
+        observeParents: true,
+        on: {
+          slideChange: function (value) {
+            let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+            let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+            that.pageNum = currentPage.toString();
+          },
+          // slideChangeTran sitionStart:function (value) {
+          //   // 姣忓綋婊戝潡鏀瑰彉鏃惰Е鍙戯紝鏇存柊褰撳墠椤靛拰鎬婚〉鏁扮殑鏄剧ず
+          //   let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+          //   let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+          //   var paginationInfoEl = document.querySelector('.pagination-info');
+          //   paginationInfoEl.textContent = currentPage + '/' + totalPages;
+          // }
+        },
+      });
+      }
     },
     initViewer() {
       const doms = (

--
Gitblit v1.9.1