| | |
| | | :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" |
| | |
| | | setTimeout(() => { |
| | | this.initSwiper(); |
| | | this.initViewer(); |
| | | this.closeAudio() |
| | | this.closeAudio(); |
| | | this.saveWord() |
| | | }, 200); |
| | | }, |
| | | }, |
| | |
| | | |
| | | // 测试页面跳转 |
| | | setTimeout(() => { |
| | | this.gotoPage(4,75); |
| | | this.gotoPage(6,106); |
| | | // setTimeout(() => { |
| | | // this.renderSign("Highlight", { |
| | | // id: "2ACA9359", |
| | |
| | | // txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼(见图1-1)。骨骼是人体的支架,具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下,肌肉收缩牵动所附着的骨绕着关节转动,使身体产生各种动作。所以,运动系统具有运动、支持和保护等功能,幼年时期的骨骼还具有造血功能。 ", |
| | | // txtIndex: 57 |
| | | // }); |
| | | }, 50); |
| | | // }, 50); |
| | | }, |
| | | methods: { |
| | | // setZoom1() { |
| | |
| | | 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 = ( |