testbookLayout.git

			@@ -48,8 +48,18 @@
			loadThreshold: 300, // 触发加载阈值
			throttleThreshold: 100, // 节流阈值
			previousScrollTop: 0,
			throttledScrollHandler: null
			throttledScrollHandler: null,
			};
			},
			watch: {
			showCatalogList: {
			handler(newVal) {
			console.log("显示章节", newVal);
			this.$store.state.qiankun.windowSelection({
			showCatalogList: newVal,
			});
			},
			},
			},
			mounted() {
			// 默认加载章节
			@@ -60,10 +70,21 @@
			this.throttleThreshold,
			{ leading: true, trailing: false }
			);
			// 提供页面跳转功能
			if (this.setGlobalState) {
			this.setGlobalState({
			gotoPage: (catalog, page) => {
			this.gotoPage(catalog, page);
			}
			});
			}
			// 测试页面跳转
			// setTimeout(() => {
			// this.gotoPage(5, 100);
			// }, 3000);
			},
			methods: {
			scrollFun(e) {

			// 判断向上滚动还是向下滚动
			if (event.target.scrollTop > this.previousScrollTop) {
			console.log("向下滚动");
			@@ -103,9 +124,37 @@
			}
			}
			}
			// showCatalogList 当前显示的三个章节，watch监听传递给主应用
			console.log(this.showCatalogList);
			// 更新上一次滚动的位置
			this.previousScrollTop = event.target.scrollTop;
			},
			gotoPage(catalog, page) {
			if (catalog >= 0 && catalog <= this.catalogLength) {
			// 处理渲染章节
			if (catalog == 0) {
			this.showCatalogList = [0, 1];
			} else if (catalog == this.catalogLength) {
			this.showCatalogList = [
			this.catalogLength - 2,
			this.catalogLength - 1,
			this.catalogLength
			];
			} else {
			this.showCatalogList = [catalog - 1, catalog, catalog + 1];
			}
			setTimeout(() => {
			// 跳转页码
			const pageDom = document.querySelector(`[page="${page}"]`);
			if (pageDom) {
			pageDom.scrollIntoView();
			} else {
			console.log("页码错误！");
			}
			}, 50);
			} else {
			console.log("章节错误！");
			}
			}
			},
			components: {
			@@ -122,8 +171,8 @@
			chapterTen,
			chapterEleven,
			chapterTwelve,
			chapterThirteen
			}
			chapterThirteen,
			},
			};
			</script>