From 590a91b4f02e0022ab43957d4a8b210d9927b9f8 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 31 五月 2024 14:51:52 +0800
Subject: [PATCH] ppt完善
---
src/books/embedded/view/components/index.vue | 41 +++++++++++++
src/books/English/view/components/chapter001.vue | 61 -------------------
src/App.vue | 2
src/books/English/view/components/index.vue | 25 +++----
src/books/childHealth/view/content/index.vue | 41 +++++++++++++
5 files changed, 96 insertions(+), 74 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 5b6a882..c2d403e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -66,7 +66,7 @@
// sportsAndHealth
// embedded
// english
- this.config.resourceCtx + "childHealth"
+ this.config.resourceCtx + "english"
);
// 娴嬭瘯璇曡30椤�
// this.activeBook.tryPageCount = 10;
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index eadab25..0767589 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -1812,9 +1812,10 @@
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
</div>
<!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
- <div class="pageBox">{{ pageNum }} / {{ total }}</div>
+
</div>
</div>
</div>
@@ -2314,23 +2315,7 @@
showPageList: {
type: Array,
},
- pageNum:{
- type:String
- },
- total:{
- type:String
- }
},
- // watch: {
- // showPageList: {
- // handler(newVal, oldVal) {
- // if (newVal.indexOf(14) > -1) {
- // console.log("椤电爜", newVal, oldVal);
- // this.setSwiper();
- // }
- // },
- // },
- // },
data() {
return {
imgThirteen: require("../../assets/images/grammar.jpg"),
@@ -2636,48 +2621,6 @@
},
saveData() {
console.log(this.testData);
- },
- setSwiper() {
- const that = this;
- const dom = document.querySelector(".swiper_ppt");
- console.log("dom", dom);
- 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: {
- slideChange: function (value) {
- console.log("ppt椤电爜", value);
- let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
- let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
- // this.changePage(currentPage)
- that.pageNum = currentPage;
- this.total = totalPages;
- console.log(this.pageNum, this.total);
- },
- // 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;
- // }
- },
- });
},
},
};
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index a8cd190..bb1feca 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>
@@ -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;
+ },
},
});
}
diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index 4855ee8..72fca05 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -649,6 +649,47 @@
// }
});
}
+ const pptDoms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper_ppt");
+ for (let i = 0; i < pptDoms.length; i++) {
+ 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: {
+ init:(value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector('.pageBox');
+ if(paginationInfoEl)
+ 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;
+ },
+ },
+ });
+ }
},
initViewer() {
const doms = (
diff --git a/src/books/embedded/view/components/index.vue b/src/books/embedded/view/components/index.vue
index da06df5..aa243a5 100644
--- a/src/books/embedded/view/components/index.vue
+++ b/src/books/embedded/view/components/index.vue
@@ -558,6 +558,47 @@
// }
});
}
+ const pptDoms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper_ppt");
+ for (let i = 0; i < pptDoms.length; i++) {
+ 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: {
+ init:(value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector('.pageBox');
+ if(paginationInfoEl)
+ 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;
+ },
+ },
+ });
+ }
},
initViewer() {
const doms = (
--
Gitblit v1.9.1