| | |
| | | transform: `scale(${pageZoom})`, |
| | | transformOrigin: 'center top', |
| | | }"> |
| | | <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList" ></pageHeader> |
| | | <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterOne> |
| | | <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterTwo> |
| | | <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterThree> |
| | | <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader> |
| | | <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" |
| | | :interfaceQuestion="questionDataMap"></chapterOne> |
| | | <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" |
| | | :interfaceQuestion="questionDataMap"></chapterTwo> |
| | | <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" |
| | | :interfaceQuestion="questionDataMap"></chapterThree> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | }, 500); |
| | | |
| | | //测试页面跳转 |
| | | // setTimeout(() => { |
| | | // this.gotoPage(3, 96); |
| | | setTimeout(() => { |
| | | this.gotoPage(2, 22); |
| | | // setTimeout(() => { |
| | | // this.renderSign("Highlight", { |
| | | // id: "2ACA9359", |
| | |
| | | // ids: ["2ACA9359"] |
| | | // }); |
| | | // }, 2000); |
| | | // }, 500); |
| | | }, 500); |
| | | |
| | | // const pageDom = (this.container ? this.container : document) |
| | | // .querySelector("#app") |
| | |
| | | }, |
| | | // 视频小窗 |
| | | handleVideoPicture() { |
| | | let doms = ( |
| | | this.container ? this.container : document |
| | | ).querySelectorAll(".video"); |
| | | doms = Array.from(doms) |
| | | if (!doms.length) return false |
| | | const playVudio = doms |
| | | .reverse() |
| | | .find((item) => item.paused == false); |
| | | let doms = (this.container ? this.container : document).querySelectorAll( |
| | | ".video" |
| | | ); |
| | | doms = Array.from(doms); |
| | | if (!doms.length) return false; |
| | | const playVudio = doms.reverse().find((item) => item.paused == false); |
| | | if (playVudio) { |
| | | const bottomGap = playVudio.getBoundingClientRect().bottom; |
| | | const topGap = playVudio.getBoundingClientRect().top; |
| | | if (bottomGap < 0 || topGap > window.innerHeight) { |
| | | if (playVudio.readyState) playVudio.requestPictureInPicture(); |
| | | try { |
| | | if (playVudio.readyState) playVudio.requestPictureInPicture(); |
| | | } catch (error) { |
| | | console.log(error, "小窗错误error"); |
| | | } |
| | | } |
| | | } |
| | | }, |