From 72f8190d33b5e6f1b64b848048f315cf530bc6ef Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 31 五月 2024 17:18:05 +0800 Subject: [PATCH] 艺术分页 --- src/books/English/view/components/index.vue | 27 ++++++++++++--------------- 1 files changed, 12 insertions(+), 15 deletions(-) diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue index a8cd190..a8700d0 100644 --- a/src/books/English/view/components/index.vue +++ b/src/books/English/view/components/index.vue @@ -16,8 +16,6 @@ @saveCharacters="saveCharacters" v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" - :pageNum="pageNum" - :total="total" ></chapterOne> </div> </div> @@ -35,7 +33,7 @@ export default { data() { return { - catalogLength: 13, // 鎬荤珷鑺傛暟 + catalogLength: 2, // 鎬荤珷鑺傛暟 showCatalogList: [], // 鏄剧ず鐨勭珷鑺� loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝�� throttleThreshold: 100, // 鑺傛祦闃堝�� @@ -46,8 +44,6 @@ loadPageList: [], questionData: {}, renderSignMap: {}, - pageNum: "1", - total: "27", }; }, computed: { @@ -563,7 +559,6 @@ // } }); } - const that = this const pptDoms = ( this.container ? this.container : document ).querySelectorAll(".swiper_ppt"); @@ -588,18 +583,20 @@ 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; + }, }, }); } -- Gitblit v1.9.1