From 9076aac9d92eafd4b44fce4a9a53c8bd16e7e7d2 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 31 十月 2024 18:12:19 +0800
Subject: [PATCH] 民航概论分页（项目二结束）
---
src/books/civilAviation/view/components/index.vue | 32 +++++++++++++++++++++-----------
1 files changed, 21 insertions(+), 11 deletions(-)
diff --git a/src/books/civilAviation/view/components/index.vue b/src/books/civilAviation/view/components/index.vue
index c140f6c..ee25c55 100644
--- a/src/books/civilAviation/view/components/index.vue
+++ b/src/books/civilAviation/view/components/index.vue
@@ -4,12 +4,13 @@
<div id="searchContent"></div>
</div>
<div class="page-content" :style="{
- fontSize: fontSize ? fontSize + 'px' : '18px',
- 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, // 鑺傛祦闃堝��
@@ -47,10 +49,10 @@
computed: {
fontSize() {
this.transformDom(this.$store.state.qiankun.fontSize)
- return 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: {
@@ -75,6 +77,7 @@
loadPageList: {
handler(newVal, oldVal) {
setTimeout(() => {
+ this.transformDom(this.$store.state.qiankun.fontSize)
this.initSwiper();
this.initViewer();
this.closeAudio();
@@ -150,8 +153,8 @@
}, 500);
// 娴嬭瘯椤甸潰璺宠浆
- // setTimeout(() => {
- // this.gotoPage(6, 30);
+ setTimeout(() => {
+ this.gotoPage(2, 134);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
@@ -165,7 +168,7 @@
// ids: ["2ACA9359"]
// });
// }, 2000);
- // }, 500);
+ }, 500);
// const pageDom = (this.container ? this.container : document)
// .querySelector("#app")
@@ -705,6 +708,7 @@
const pageData = {
pageHeader,
chapterOne,
+ chapterTwo
};
// 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
for (const key in pageData) {
@@ -913,15 +917,21 @@
},
//鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
transformDom(fs) {
- const blockElement = this.$refs.blockElement;
- if (blockElement) {
- blockElement.style.fontSize = 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