From f6775e5080917ed7d4d5a8b901e55e65abda3670 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 十月 2024 18:12:55 +0800
Subject: [PATCH] 民航概论分页
---
src/books/civilAviation/view/components/index.vue | 40 ++++++++++++++++++++++++++++------------
1 files changed, 28 insertions(+), 12 deletions(-)
diff --git a/src/books/civilAviation/view/components/index.vue b/src/books/civilAviation/view/components/index.vue
index b7efa64..753cb31 100644
--- a/src/books/civilAviation/view/components/index.vue
+++ b/src/books/civilAviation/view/components/index.vue
@@ -1,15 +1,16 @@
<template>
- <div class="page-main" @scroll="throttledScrollHandler">
+ <div class="page-main" @scroll="throttledScrollHandler">
<div id="searchDomBox" style="display: none">
<div id="searchContent"></div>
</div>
<div class="page-content" :style="{
- fontSize: fontSize ? fontSize + 'px' : '16px',
- transform: `scale(${pageZoom ? pageZoom : 1})`,
+ fontSize: fontSize + 'px',
+ 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"></chapterOne>
+ <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
</div>
</div>
</template>
@@ -17,6 +18,7 @@
<script>
import pageHeader from "./header.vue";
import chapterOne from "./chapter001.vue";
+import chapterTwo from "./chapter002.vue"
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import Swiper from "swiper/bundle";
@@ -27,7 +29,7 @@
name: "pageContent",
data() {
return {
- catalogLength: 2, // 鎬荤珷鑺傛暟
+ catalogLength: 3, // 鎬荤珷鑺傛暟
showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -46,10 +48,11 @@
},
computed: {
fontSize() {
- return this.$store.state.qiankun.fontSize;
+ this.transformDom(this.$store.state.qiankun.fontSize)
+ return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 18;
},
pageZoom() {
- return this.$store.state.qiankun.scale / 100;
+ return this.$store.state.qiankun.scale ? this.$store.state.qiankun.scale / 100 : 1;
},
},
watch: {
@@ -74,6 +77,7 @@
loadPageList: {
handler(newVal, oldVal) {
setTimeout(() => {
+ this.transformDom(this.$store.state.qiankun.fontSize)
this.initSwiper();
this.initViewer();
this.closeAudio();
@@ -149,8 +153,8 @@
}, 500);
// 娴嬭瘯椤甸潰璺宠浆
- // setTimeout(() => {
- // this.gotoPage(6, 30);
+ setTimeout(() => {
+ this.gotoPage(3, 45);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
@@ -164,7 +168,7 @@
// ids: ["2ACA9359"]
// });
// }, 2000);
- // }, 500);
+ }, 500);
// const pageDom = (this.container ? this.container : document)
// .querySelector("#app")
@@ -199,8 +203,6 @@
scrollFun(event) {
this.handleVideoPicture()
// 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
- console.log(11);
-
if (event.target.scrollTop > this.previousScrollTop) {
this.getAduio();
// 鍚戜笅
@@ -211,7 +213,7 @@
event.target.scrollHeight - this.loadThreshold
) {
console.log(1);
-
+
debugger
// 鍒拌揪闃堝��
if (
@@ -706,6 +708,7 @@
const pageData = {
pageHeader,
chapterOne,
+ chapterTwo
};
// 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
for (const key in pageData) {
@@ -911,11 +914,24 @@
playVudio.requestPictureInPicture();
}
}
+ },
+ //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
+ transformDom(fs) {
+ if(!fs) return
+ let doms = (
+ this.container ? this.container : document
+ ).querySelectorAll('.block')
+ if(!doms.length) return
+ for (let index = 0; index < doms.length; index++) {
+ const dom = doms[index];
+ dom.style.fontSize = fs + 'px'
+ }
}
},
components: {
pageHeader,
chapterOne,
+ chapterTwo
},
};
</script>
--
Gitblit v1.9.1