Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

YM

2024-05-31 781876372311fa27266a223062b460ac09e93a40

 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,42 +563,45 @@
          // }
        });
      }
      // swiper-container
      const that = this
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-ppt");
      ).querySelectorAll(".swiper_ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        debugger
        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"
            )
        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();
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          on:{
            slideChangeTransitionStart:function (value) {
              // 每当滑块改变时触发，更新当前页和总页数的显示  
              let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）  
              let totalPages = value.slides.length; // 获取总页数 
              var paginationInfoEl = document.querySelector('.pagination-info');
              paginationInfoEl.textContent = currentPage + '/' + totalPages;   
            }
          }
        });
        
          // 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() {