From 0a945a92ee0c133a6d7b71b35a705d9764d94f3b Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期四, 11 七月 2024 10:57:05 +0800 Subject: [PATCH] 英语(第一单元题集) --- src/books/English/view/components/index.vue | 73 ++++++++++++++++++++++++++++++++---- 1 files changed, 65 insertions(+), 8 deletions(-) diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue index 4b14da9..fd90b83 100644 --- a/src/books/English/view/components/index.vue +++ b/src/books/English/view/components/index.vue @@ -14,28 +14,53 @@ ></pageHeader> <chapterOne @saveCharacters="saveCharacters" - @closeMiniAudio="closeMiniAudio" + @initViewer="initViewer" v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" ></chapterOne> <chapterTwo @saveCharacters="saveCharacters" - @closeMiniAudio="closeMiniAudio" + @initViewer="initViewer" v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" ></chapterTwo> <chapterThree @saveCharacters="saveCharacters" - @closeMiniAudio="closeMiniAudio" + @initViewer="initViewer" v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" ></chapterThree> <chapterFour @saveCharacters="saveCharacters" - @closeMiniAudio="closeMiniAudio" + @initViewer="initViewer" v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" ></chapterFour> + <chapterFive + @saveCharacters="saveCharacters" + @initViewer="initViewer" + v-if="showCatalogList.indexOf(6) > -1" + :showPageList="loadPageList" + ></chapterFive> + <chapterSix + @saveCharacters="saveCharacters" + @initViewer="initViewer" + v-if="showCatalogList.indexOf(7) > -1" + :showPageList="loadPageList" + ></chapterSix> + <chapterSeven + @saveCharacters="saveCharacters" + @initViewer="initViewer" + v-if="showCatalogList.indexOf(8) > -1" + :showPageList="loadPageList" + ></chapterSeven> + <chapterEight + @saveCharacters="saveCharacters" + @initViewer="initViewer" + v-if="showCatalogList.indexOf(9) > -1" + :showPageList="loadPageList" + ></chapterEight> + </div> <miniAudio :path="audioPath" @@ -53,6 +78,10 @@ import chapterTwo from "./chapter002.vue"; import chapterThree from "./chapter003.vue"; import chapterFour from "./chapter004.vue"; +import chapterFive from "./chapter005.vue"; +import chapterSix from "./chapter006.vue"; +import chapterSeven from "./chapter007.vue"; +import chapterEight from "./chapter008.vue"; import miniAudio from "@/components/miniAudio/index.vue"; import NoteIcon from "@/assets/images/biji.png"; import _ from "lodash"; @@ -63,7 +92,7 @@ export default { data() { return { - catalogLength: 5, // 鎬荤珷鑺傛暟 + catalogLength: 9, // 鎬荤珷鑺傛暟 showCatalogList: [], // 鏄剧ず鐨勭珷鑺� loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝�� throttleThreshold: 100, // 鑺傛祦闃堝�� @@ -112,6 +141,7 @@ setTimeout(() => { this.initSwiper(); this.initViewer(); + this.closeAudio() }, 200); }, }, @@ -182,8 +212,8 @@ }, 500); // 娴嬭瘯椤甸潰璺宠浆 - // setTimeout(() => { - // this.gotoPage(4,59); + setTimeout(() => { + this.gotoPage(2,16); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", @@ -211,7 +241,7 @@ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ", // txtIndex: 57 // }); - // }, 50); + }, 50); }, methods: { // setZoom1() { @@ -737,6 +767,10 @@ chapterTwo, chapterThree, chapterFour, + chapterFive, + chapterSix, + chapterSeven, + chapterEight, }; // 閬嶅巻鎵�鏈夌珷鑺傛枃浠� for (const key in pageData) { @@ -901,6 +935,25 @@ closeMiniAudio() { this.audioPath = ""; }, + // 鐐瑰嚮闊抽鎾斁锛屽叧闂叾浠栭煶棰� + closeAudio() { + let allAudio = ( + this.container ? this.container : document + ).querySelectorAll(".audio"); + for (let index = 0; index < allAudio.length; index++) { + const item = allAudio[index]; + item.addEventListener("play", () => { + const audioList = Array.from(allAudio); + for (let cindex = 0; cindex < audioList.length; cindex++) { + const citem = audioList[cindex]; + if (citem.currentSrc != item.src) { + citem.pause(); + } + } + this.closeMiniAudio(); + }); + } + }, }, components: { pageHeader, @@ -908,6 +961,10 @@ chapterTwo, chapterThree, chapterFour, + chapterFive, + chapterSix, + chapterSeven, + chapterEight, miniAudio, }, }; -- Gitblit v1.9.1