| | |
|---|
| | | // } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | // swiper-container |
|---|
| | | const pptDoms = ( |
|---|
| | | this.container ? this.container : document |
|---|
| | | ).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" |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | // 窗口变化,重新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; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | initViewer() { |
|---|
| | | const doms = ( |
|---|
