From 467a032d491ea1cc35eabc09f0232d93a9f7a94f Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 23 七月 2024 14:21:01 +0800 Subject: [PATCH] 英语点击单词卡方法优化 --- src/books/English/view/components/index.vue | 53 ++++++++++++++++++++++++++++++++--------------------- 1 files changed, 32 insertions(+), 21 deletions(-) diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue index 0c0663c..7bd4ed0 100644 --- a/src/books/English/view/components/index.vue +++ b/src/books/English/view/components/index.vue @@ -13,49 +13,41 @@ :showPageList="loadPageList" ></pageHeader> <chapterOne - @saveCharacters="saveCharacters" @initViewer="initViewer" v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" ></chapterOne> <chapterTwo - @saveCharacters="saveCharacters" @initViewer="initViewer" v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" ></chapterTwo> <chapterThree - @saveCharacters="saveCharacters" @initViewer="initViewer" v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" ></chapterThree> <chapterFour - @saveCharacters="saveCharacters" @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" @@ -141,7 +133,8 @@ setTimeout(() => { this.initSwiper(); this.initViewer(); - this.closeAudio() + this.closeAudio(); + this.saveWord() }, 200); }, }, @@ -213,7 +206,7 @@ // 娴嬭瘯椤甸潰璺宠浆 setTimeout(() => { - this.gotoPage(6,83); + this.gotoPage(6,106); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", @@ -873,19 +866,37 @@ this.gotoPage(data.catalog, data.page, () => {}); }, // 鐐瑰嚮浜嬩欢锛氬皢鐢熷兓鍗曡瘝浼犵粰 涓诲簲鐢� 浠庤�岃皟鐢ㄨ瘝鍏稿姛鑳� - saveCharacters(event, word) { - console.log("鐢熷兓瀛�", event, word); - if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) { - this.$store.state.qiankun.chooseWords({ - type: "word", - word, - x: event.pageX, - y: event.pageY, - }); + // saveCharacters(event, word) { + // if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) { + // this.$store.state.qiankun.chooseWords({ + // type: "word", + // word, + // x: event.pageX, + // y: event.pageY, + // }); + // } + // }, + saveWord() { + const doms = ( + this.container ? this.container : document + ).querySelectorAll(".word-bc"); + for (let index = 0; index < doms.length; index++) { + const dom = doms[index]; + dom.addEventListener('click',(e) => { + let word = null + dom.getAttribute('word') ? word = dom.getAttribute('word') : word = e.srcElement.innerText + console.log('鍗曡瘝',word) + if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) { + this.$store.state.qiankun.chooseWords({ + type: "word", + word, + x: e.pageX, + y: e.pageY, + }); + } + }) } - // chooseWords }, - // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳� getAduio() { let allVideo = ( -- Gitblit v1.9.1