| | |
| | | @saveCharacters="saveCharacters" |
| | | v-if="showCatalogList.indexOf(2) > -1" |
| | | :showPageList="loadPageList" |
| | | :pageNum="pageNum" |
| | | :total="total" |
| | | ></chapterOne> |
| | | </div> |
| | | </div> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | catalogLength: 13, // 总章节数 |
| | | catalogLength: 2, // 总章节数 |
| | | showCatalogList: [], // 显示的章节 |
| | | loadThreshold: 300, // 触发加载阈值 |
| | | throttleThreshold: 100, // 节流阈值 |
| | |
| | | loadPageList: [], |
| | | questionData: {}, |
| | | renderSignMap: {}, |
| | | pageNum: "1", |
| | | total: "27", |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | // } |
| | | }); |
| | | } |
| | | const that = this |
| | | const pptDoms = ( |
| | | this.container ? this.container : document |
| | | ).querySelectorAll(".swiper_ppt"); |
| | |
| | | observer: true, |
| | | observeParents: true, |
| | | on: { |
| | | slideChange: function (value) { |
| | | init:(value) => { |
| | | let currentPage = value.activeIndex + 1; // 获取当前页(从1开始计数) |
| | | let totalPages = value.slides.length; // 获取总页数 |
| | | that.pageNum = currentPage.toString(); |
| | | var paginationInfoEl = dom.querySelector('.pageBox'); |
| | | if(paginationInfoEl) |
| | | 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; |
| | | // } |
| | | slideChange:(value) => { |
| | | let currentPage = value.activeIndex + 1; // 获取当前页(从1开始计数) |
| | | let totalPages = value.slides.length; // 获取总页数 |
| | | var paginationInfoEl = dom.querySelector('.pageBox'); |
| | | if(paginationInfoEl) |
| | | paginationInfoEl.textContent = currentPage + '/' + totalPages; |
| | | }, |
| | | }, |
| | | }); |
| | | } |