From a8da6c44895f90bc6d33df129bccd424bf73be3e Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 31 十二月 2024 18:11:02 +0800 Subject: [PATCH] 小窗 --- src/books/aviationSafety/view/components/index.vue | 62 ++++++++++++++++--------------- 1 files changed, 32 insertions(+), 30 deletions(-) diff --git a/src/books/aviationSafety/view/components/index.vue b/src/books/aviationSafety/view/components/index.vue index ddf6894..322a9e8 100644 --- a/src/books/aviationSafety/view/components/index.vue +++ b/src/books/aviationSafety/view/components/index.vue @@ -10,13 +10,13 @@ }"> <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader> <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne> - <!-- <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo> + <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo> <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree> <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour> <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterFive> <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList"></chapterSix> <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList"></chapterSeven> - <chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"></chapterEight> --> + <chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"></chapterEight> </div> </div> </template> @@ -24,13 +24,13 @@ <script> import pageHeader from "./header.vue"; import chapterOne from "./chapter001.vue"; -// import chapterTwo from "./chapter002.vue"; -// import chapterThree from "./chapter003.vue"; -// import chapterFour from "./chapter004.vue"; -// import chapterFive from "./chapter005.vue"; -// import chapterSix from "./chapter006.vue"; -// import chapterSeven from "./chapter007.vue"; -// import chapterEight from "./chapter008.vue"; + import chapterTwo from "./chapter002.vue"; + import chapterThree from "./chapter003.vue"; + import chapterFour from "./chapter004.vue"; + import chapterFive from "./chapter005.vue"; + import chapterSix from "./chapter006.vue"; + import chapterSeven from "./chapter007.vue"; + import chapterEight from "./chapter008.vue"; import NoteIcon from "@/assets/images/biji.png"; import _ from "lodash"; import Swiper from "swiper/bundle"; @@ -41,7 +41,7 @@ name: "pageContent", data() { return { - catalogLength: 2, // 鎬荤珷鑺傛暟 + catalogLength: 9, // 鎬荤珷鑺傛暟 showCatalogList: [], // 鏄剧ず鐨勭珷鑺� loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝�� throttleThreshold: 100, // 鑺傛祦闃堝�� @@ -110,7 +110,6 @@ // 榛樿鍔犺浇绔犺妭 this.showCatalogList = [1]; // 婊氬姩鐩戝惉鑺傛祦 - debugger this.throttledScrollHandler = _.throttle( this.scrollFun, this.throttleThreshold, @@ -165,8 +164,8 @@ }, 500); // 娴嬭瘯椤甸潰璺宠浆 - // setTimeout(() => { - // this.gotoPage(2,8); + setTimeout(() => { + this.gotoPage(1,1); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", @@ -180,7 +179,7 @@ // ids: ["2ACA9359"] // }); // }, 2000); - // }, 500); + }, 500); // const pageDom = (this.container ? this.container : document) // .querySelector("#app") @@ -226,7 +225,6 @@ ) { console.log(1); - debugger // 鍒拌揪闃堝�� if ( this.showCatalogList[this.showCatalogList.length - 1] < @@ -720,13 +718,13 @@ const pageData = { pageHeader, chapterOne, - // chapterTwo, - // chapterThree, - // chapterFour, - // chapterFive, - // chapterSix, - // chapterSeven, - // chapterEight + chapterTwo, + chapterThree, + chapterFour, + chapterFive, + chapterSix, + chapterSeven, + chapterEight }; // 閬嶅巻鎵�鏈夌珷鑺傛枃浠� for (const key in pageData) { @@ -929,7 +927,11 @@ 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"); + } } } }, @@ -949,13 +951,13 @@ components: { pageHeader, chapterOne, - // chapterTwo, - // chapterThree, - // chapterFour, - // chapterFive, - // chapterSix, - // chapterSeven, - // chapterEight + chapterTwo, + chapterThree, + chapterFour, + chapterFive, + chapterSix, + chapterSeven, + chapterEight }, }; </script> -- Gitblit v1.9.1