| | |
| | | </template> |
| | | |
| | | <script> |
| | | import Vue from "vue"; |
| | | import pageHeader from "./header.vue"; |
| | | import chapterOne from "./chapter001.vue"; |
| | | import chapterTwo from "./chpater002.vue"; |
| | |
| | | }, 500); |
| | | |
| | | //测试页面跳转 |
| | | setTimeout(() => { |
| | | this.gotoPage(6, 169); |
| | | // setTimeout(() => { |
| | | // this.gotoPage(2, 18); |
| | | // setTimeout(() => { |
| | | // this.renderSign("Highlight", { |
| | | // id: "2ACA9359", |
| | |
| | | // ids: ["2ACA9359"] |
| | | // }); |
| | | // }, 2000); |
| | | }, 500); |
| | | // }, 500); |
| | | |
| | | // const pageDom = (this.container ? this.container : document) |
| | | // .querySelector("#app") |
| | |
| | | searchTextByPage(keyword) { |
| | | const searchResult = []; |
| | | let catalogIndex = 0; |
| | | console.log(keyword,"keyword") |
| | | // 所有章节组件(每本书制作时单独配置) |
| | | const pageData = { |
| | | pageHeader, |
| | |
| | | chapterFour, |
| | | chapterFive |
| | | }; |
| | | |
| | | // 遍历所有章节文件 |
| | | for (const key in pageData) { |
| | | catalogIndex++; |
| | |
| | | "#searchContent" |
| | | ) |
| | | ); |
| | | // 获取页码 |
| | | // 获取页码 |
| | | |
| | | const pageDom = (this.container ? this.container : document) |
| | | .querySelector("#searchDomBox") |
| | | .querySelectorAll(".page-box"); |
| | | const pages = []; |
| | | |
| | | for (let i = 0; i < pageDom.length; i++) { |
| | | const pageDomItem = pageDom[i]; |
| | | pages.push(Number(pageDomItem.getAttribute("page"))); |
| | |
| | | const topGap = playVudio.getBoundingClientRect().top; |
| | | if (bottomGap < 0 || topGap > window.innerHeight) { |
| | | try { |
| | | if (playVudio.readyState) playVudio.requestPictureInPicture(); |
| | | if (playVudio.readyState){ |
| | | setTimeout(()=>{ |
| | | playVudio.requestPictureInPicture(); |
| | | },0) |
| | | } |
| | | } catch (error) { |
| | | console.log(error, "小窗错误error"); |
| | | } |