From c74a9956a74475199b23bf37385135cae1076f85 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 30 五月 2024 19:07:30 +0800 Subject: [PATCH] 合并 --- src/books/English/view/components/index.vue | 66 +++++++++++++++++++++++++------- 1 files changed, 51 insertions(+), 15 deletions(-) diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue index 837aaea..13bc3b7 100644 --- a/src/books/English/view/components/index.vue +++ b/src/books/English/view/components/index.vue @@ -33,7 +33,7 @@ export default { data() { return { - catalogLength: 2, // 鎬荤珷鑺傛暟 + catalogLength: 13, // 鎬荤珷鑺傛暟 showCatalogList: [], // 鏄剧ず鐨勭珷鑺� loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝�� throttleThreshold: 100, // 鑺傛祦闃堝�� @@ -75,7 +75,6 @@ }, loadPageList: { handler(newVal, oldVal) { - console.log(newVal, "this.loadPageList"); setTimeout(() => { this.initSwiper(); this.initViewer(); @@ -234,6 +233,7 @@ // 绔嬪嵆娓叉煋 this.renderSign(type, data); } + // 鍌ㄥ瓨鏁版嵁 if (!this.renderSignMap[type]) this.renderSignMap[type] = {}; if (!this.renderSignMap[type][data.page]) @@ -489,7 +489,6 @@ // testData[catalog][page], // this.config.activeBook // ); - // } else { // const obj = {}; // for (let key in testData[catalog][page]) { @@ -501,7 +500,7 @@ // } // this.questionData[page] = obj; // } - // console.log('棰樼洰',this.questionData); + // console.log("棰樼洰", this.questionData); // } // } // } @@ -526,7 +525,7 @@ initSwiper() { const doms = ( this.container ? this.container : document - ).querySelectorAll(".swiper-container"); + ).querySelectorAll(".swiper-img"); for (let i = 0; i < doms.length; i++) { const dom = doms[i]; new Swiper(dom, { @@ -560,6 +559,43 @@ // } }); } + // 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 = ( @@ -578,18 +614,18 @@ } }, // 鐐瑰嚮浜嬩欢锛氬皢鐢熷兓鍗曡瘝浼犵粰 涓诲簲鐢� 浠庤�岃皟鐢ㄨ瘝鍏稿姛鑳� - saveCharacters(event,word) { - console.log('鐢熷兓瀛�',event,word); + saveCharacters(event, word) { + console.log("鐢熷兓瀛�", event, word); if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) { - this.$store.state.qiankun.chooseWords({ - word, - x: event.pageX, - y: event.pageY - }); - } + this.$store.state.qiankun.chooseWords({ + type:"word", + word, + x: event.pageX, + y: event.pageY, + }); + } // chooseWords - } - + }, }, components: { pageHeader, -- Gitblit v1.9.1