From c74a9956a74475199b23bf37385135cae1076f85 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 30 五月 2024 19:07:30 +0800 Subject: [PATCH] 合并 --- src/books/childHealth/view/content/index.vue | 59 +++++++++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 47 insertions(+), 12 deletions(-) diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue index d1891c1..8069ca2 100644 --- a/src/books/childHealth/view/content/index.vue +++ b/src/books/childHealth/view/content/index.vue @@ -147,7 +147,6 @@ }, loadPageList: { handler(newVal, oldVal) { - console.log(newVal, "this.loadPageList"); setTimeout(() => { this.initSwiper(); this.initViewer(); @@ -302,6 +301,12 @@ // 澶勭悊鏍囪鏁版嵁 handelSignData(type, data) { + if (this.loadPageList.indexOf(Number(data.page)) > -1) { + // 绔嬪嵆娓叉煋 + this.renderSign(type, data); + } + + // 鍌ㄥ瓨鏁版嵁 if (!this.renderSignMap[type]) this.renderSignMap[type] = {}; if (!this.renderSignMap[type][data.page]) this.renderSignMap[type][data.page] = []; @@ -567,6 +572,7 @@ } this.questionData[page] = obj; } + console.log("棰樼洰", this.questionData); } } } @@ -591,7 +597,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, { @@ -599,8 +605,42 @@ autoplay: { //鑷姩寮�濮� delay: 3000, //鏃堕棿闂撮殧 - disableOnInteraction: false //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠* + disableOnInteraction: 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, + // // 濡傛灉闇�瑕佸垎椤靛櫒 + // pagination: { + // el: (this.container ? this.container : document).querySelector( + // ".swiper-pagination" + // ), + // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑� + // } + }); + } + // 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, // 闂撮殧 @@ -615,14 +655,7 @@ }, // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔� observer: true, - observeParents: true, - // // 濡傛灉闇�瑕佸垎椤靛櫒 - // pagination: { - // el: (this.container ? this.container : document).querySelector( - // ".swiper-pagination" - // ), - // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑� - // } + observeParents: true }); } }, @@ -633,7 +666,9 @@ for (let i = 0; i < doms.length; i++) { const dom = doms[i]; new Viewer(dom, { - container: (this.container ? this.container.querySelector("#app") : "body"), + container: this.container + ? this.container.querySelector("#app") + : "body", navbar: true, // 鏄剧ず瀵艰埅鏍� toolbar: true, // 鏄剧ず宸ュ叿鏍� title: true // 鏄剧ず鏍囬 -- Gitblit v1.9.1