| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import Vue from "vue"; |
|---|
| | | import pageHeader from "./header.vue"; |
|---|
| | | import chapterOne from "./chapter001.vue"; |
|---|
| | | import chapterTwo from "./chapter002.vue"; |
|---|
| | |
|---|
| | | // 默认加载章节 |
|---|
| | | this.showCatalogList = [1]; |
|---|
| | | // 滚动监听节流 |
|---|
| | | // debugger |
|---|
| | | this.throttledScrollHandler = _.throttle( |
|---|
| | | this.scrollFun, |
|---|
| | | this.throttleThreshold, |
|---|
| | |
|---|
| | | }, 500); |
|---|
| | | |
|---|
| | | // 测试页面跳转 |
|---|
| | | setTimeout(() => { |
|---|
| | | this.gotoPage(9,130); |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.gotoPage(3,22); |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.renderSign("Highlight", { |
|---|
| | | // id: "2ACA9359", |
|---|
| | |
|---|
| | | // ids: ["2ACA9359"] |
|---|
| | | // }); |
|---|
| | | // }, 2000); |
|---|
| | | }, 500); |
|---|
| | | // }, 500); |
|---|
| | | |
|---|
| | | // const pageDom = (this.container ? this.container : document) |
|---|
| | | // .querySelector("#app") |
|---|
| | |
|---|
| | | ) { |
|---|
| | | console.log(1); |
|---|
| | | |
|---|
| | | // debugger |
|---|
| | | // 到达阈值 |
|---|
| | | if ( |
|---|
| | | this.showCatalogList[this.showCatalogList.length - 1] < |
|---|
| | |
|---|
| | | const bottomGap = playVudio.getBoundingClientRect().bottom; |
|---|
| | | const topGap = playVudio.getBoundingClientRect().top; |
|---|
| | | if (bottomGap < 0 || topGap > window.innerHeight) { |
|---|
| | | playVudio.requestPictureInPicture(); |
|---|
| | | try { |
|---|
| | | if(playVudio.readyState) playVudio.requestPictureInPicture(); |
|---|
| | | } catch (error) { |
|---|
| | | console.log(error,"小窗错误error"); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
