From 1feeee630e0f3184f3b1c6e49a48307ac8ad3694 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期五, 26 七月 2024 15:24:45 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/sportsAndHealth/view/components/index.vue | 87 +++++++++++++++++++++++-------------------- 1 files changed, 47 insertions(+), 40 deletions(-) diff --git a/src/books/sportsAndHealth/view/components/index.vue b/src/books/sportsAndHealth/view/components/index.vue index 1e31019..dc327f4 100644 --- a/src/books/sportsAndHealth/view/components/index.vue +++ b/src/books/sportsAndHealth/view/components/index.vue @@ -8,27 +8,13 @@ transform: `scale(${pageZoom ? pageZoom : 1})`, transformOrigin: 'center top', }"> - - - - - - <ChapterOne v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></ChapterOne> - <ChapterTwo v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></ChapterTwo> - - - - - - - - - <ChapterThree v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></ChapterThree> - - - - <assemblyOne v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></assemblyOne> - <assemblyTwo v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" @openPDFChange="swdtChange" /> + <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader> + <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne> + <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo> + <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree> + <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour> + <assemblyOne v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></assemblyOne> + <assemblyTwo v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList" @openPDFChange="swdtChange" /> <!-- <ChapterFour @@ -109,14 +95,11 @@ import Vue from "vue"; - - - -import ChapterOne from "./chapter001.vue"; -import ChapterTwo from "./chapter002.vue"; -import ChapterThree from "./chapter003.vue"; - - +import pageHeader from "./front001"; +import chapterOne from "./chapter001.vue"; +import chapterTwo from "./chapter002.vue"; +import chapterThree from "./chapter003.vue"; +import chapterFour from "./chapter004.vue"; import assemblyOne from "./testDynaicTable.vue"; import assemblyTwo from "./testPp.vue"; @@ -146,7 +129,7 @@ export default { data() { return { - catalogLength: 5, // 鎬荤珷鑺傛暟 + catalogLength: 7, // 鎬荤珷鑺傛暟 showCatalogList: [], // 鏄剧ず鐨勭珷鑺� loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝�� throttleThreshold: 100, // 鑺傛祦闃堝�� @@ -192,6 +175,7 @@ setTimeout(() => { this.initSwiper(); this.initViewer(); + this.readText(); }, 200); }, }, @@ -828,10 +812,11 @@ // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛� const pageData = { - - ChapterOne, - ChapterTwo, - ChapterThree, + pageHeader, + chapterOne, + chapterTwo, + chapterThree, + chapterFour, assemblyOne, assemblyTwo }; @@ -935,14 +920,36 @@ // 璺宠浆 this.gotoPage(data.catalog, data.page, () => { }); }, + readText() { + const doms = ( + this.container ? this.container : document + ).querySelectorAll(".read-aloud"); + for (let index = 0; index < doms.length; index++) { + const dom = doms[index]; + let id = null; + dom.addEventListener("click", (e) => { + if (e.srcElement.nodeName == "svg") { + id = dom.getAttribute("readId") + } else if (e.srcElement.nodeName == "g") { + const svgDom = e.srcElement.parentNode; + id = svgDom.getAttribute("readId"); + } else { + const svgDom = e.srcElement.parentNode.parentNode; + id = svgDom.getAttribute("readId"); + } + const item = (this.container ? this.container : document).querySelector("#" + id).innerText; + console.log(item, 233); + + }) + } + } }, components: { - - - - ChapterOne, - ChapterTwo, - ChapterThree, + pageHeader, + chapterOne, + chapterTwo, + chapterThree, + chapterFour, assemblyOne, assemblyTwo // ChapterFour, -- Gitblit v1.9.1