| | |
|---|
| | | setTimeout(() => { |
|---|
| | | this.initSwiper(); |
|---|
| | | this.initViewer(); |
|---|
| | | this.closeVideo() |
|---|
| | | }, 200); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | |
|---|
| | | }, 500); |
|---|
| | | |
|---|
| | | // 测试页面跳转 |
|---|
| | | setTimeout(() => { |
|---|
| | | this.gotoPage(1,10); |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.gotoPage(11,282); |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.renderSign("Highlight", { |
|---|
| | | // id: "2ACA9359", |
|---|
| | |
|---|
| | | // ids: ["2ACA9359"] |
|---|
| | | // }); |
|---|
| | | // }, 2000); |
|---|
| | | // }, 5000); |
|---|
| | | // }, 500); |
|---|
| | | |
|---|
| | | // const pageDom = (this.container ? this.container : document) |
|---|
| | | // .querySelector("#app") |
|---|
| | |
|---|
| | | // txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ", |
|---|
| | | // txtIndex: 57 |
|---|
| | | // }); |
|---|
| | | }, 500); |
|---|
| | | // }, 500); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // setZoom1() { |
|---|
| | |
|---|
| | | // }, |
|---|
| | | // 滚动监听 |
|---|
| | | scrollFun(event) { |
|---|
| | | // 视频小窗方法 |
|---|
| | | this.handleVideoPicture() |
|---|
| | | // 判断向上滚动还是向下滚动 |
|---|
| | | if (event.target.scrollTop > this.previousScrollTop) { |
|---|
| | | // 向下 |
|---|
| | |
|---|
| | | if (testData && testData[catalog]) { |
|---|
| | | if (testData[catalog][page]) { |
|---|
| | | if (Array.isArray(testData[catalog][page])) { |
|---|
| | | this.questionDataMap[page] = await getQuestionList( |
|---|
| | | const datas = await getQuestionList( |
|---|
| | | page, |
|---|
| | | testData[catalog][page], |
|---|
| | | this.config.activeBook |
|---|
| | | ); |
|---|
| | | this.$set(this.questionDataMap,page,datas) |
|---|
| | | } else { |
|---|
| | | const obj = {}; |
|---|
| | | for (let key in testData[catalog][page]) { |
|---|
| | |
|---|
| | | this.config.activeBook |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | this.questionDataMap[page] = obj; |
|---|
| | | this.$set(this.questionDataMap,page,obj) |
|---|
| | | // this.questionDataMap[page] = obj; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | this.highlightData = data; |
|---|
| | | // 跳转 |
|---|
| | | this.gotoPage(data.catalog, data.page, () => {}); |
|---|
| | | }, |
|---|
| | | // 点击视频关闭其他 |
|---|
| | | closeVideo() { |
|---|
| | | let allVideo = ( |
|---|
| | | this.container ? this.container : document |
|---|
| | | ).querySelectorAll(".video"); |
|---|
| | | for (let index = 0; index < allVideo.length; index++) { |
|---|
| | | const item = allVideo[index]; |
|---|
| | | item.addEventListener('playing',(item) => { |
|---|
| | | const path = item.srcElement.src |
|---|
| | | const videoList = Array.from(allVideo); |
|---|
| | | for (let cindex = 0; cindex < videoList.length; cindex++) { |
|---|
| | | const citem = videoList[cindex]; |
|---|
| | | if(citem.currentSrc != path && path) { |
|---|
| | | citem.pause() |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // 视频小窗 |
|---|
| | | 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); |
|---|
| | | if(playVudio) { |
|---|
| | | const bottomGap = playVudio.getBoundingClientRect().bottom; |
|---|
| | | const topGap = playVudio.getBoundingClientRect().top; |
|---|
| | | if (bottomGap < 0 || topGap > window.innerHeight) { |
|---|
| | | playVudio.requestPictureInPicture(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | components: { |
|---|
