From af32b4dea68d727f4f7fe3d594282931e973f430 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 15 五月 2024 16:48:42 +0800
Subject: [PATCH] 视频资源
---
src/books/childHealth/view/content/index.vue | 78 ++++++++++++++++++++++++++++++++-------
1 files changed, 64 insertions(+), 14 deletions(-)
diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index 3902b2e..e2f158d 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -3,7 +3,6 @@
<div class="page-content">
<pageHeader v-if="showCatalogList.indexOf(0) > -1"></pageHeader>
<chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne>
- <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne>
<chapterTwo v-if="showCatalogList.indexOf(2) > -1"></chapterTwo>
<chapterThree v-if="showCatalogList.indexOf(3) > -1"></chapterThree>
<chapterFour v-if="showCatalogList.indexOf(4) > -1"></chapterFour>
@@ -37,9 +36,7 @@
import chapterEleven from "./components/chapter011.vue";
import chapterTwelve from "./components/chapter012.vue";
import chapterThirteen from "./components/chapter013.vue";
-
import _ from "lodash";
-
export default {
data() {
return {
@@ -48,18 +45,21 @@
loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
throttleThreshold: 100, // 鑺傛祦闃堝��
previousScrollTop: 0,
- throttledScrollHandler: null,
+ throttledScrollHandler: null
};
},
watch: {
showCatalogList: {
handler(newVal) {
console.log("鏄剧ず绔犺妭", newVal);
- this.$store.state.qiankun.windowSelection({
- showCatalogList: newVal,
- });
- },
- },
+ if (this.$store.state.qiankun && this.$store.state.qiankun.catalogChange) {
+ // 璋冪敤鐖跺眰鏂规硶
+ this.$store.state.qiankun.catalogChange({
+ showCatalogList: newVal
+ });
+ }
+ }
+ }
},
mounted() {
// 榛樿鍔犺浇绔犺妭
@@ -70,12 +70,27 @@
this.throttleThreshold,
{ leading: true, trailing: false }
);
+ // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+ if (this.setGlobalState) {
+ console.log("setGlobalState");
+ // 瀹氫箟瀛愬眰鏂规硶
+ this.setGlobalState({
+ gotoPage: (catalog, page) => {
+ console.log(catalog, page, "gotoPage锛歝atalog, page");
+ this.gotoPage(catalog, page);
+ }
+ });
+ }
+
+ // 娴嬭瘯椤甸潰璺宠浆
+ // setTimeout(() => {
+ // this.gotoPage(5, 100);
+ // }, 3000);
},
methods: {
scrollFun(e) {
// 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
if (event.target.scrollTop > this.previousScrollTop) {
- console.log("鍚戜笅婊氬姩");
const currentScrollTop =
event.target.scrollTop + event.target.offsetHeight;
if (
@@ -98,7 +113,6 @@
}
}
} else if (event.target.scrollTop < this.previousScrollTop) {
- console.log("鍚戜笂婊氬姩");
const currentScrollTop = event.target.scrollTop;
if (currentScrollTop <= this.loadThreshold) {
// 鍒拌揪闃堝��
@@ -113,10 +127,46 @@
}
}
// showCatalogList 褰撳墠鏄剧ず鐨勪笁涓珷鑺傦紝watch鐩戝惉浼犻�掔粰涓诲簲鐢�
- console.log(this.showCatalogList);
+ // console.log(this.showCatalogList);
// 鏇存柊涓婁竴娆℃粴鍔ㄧ殑浣嶇疆
this.previousScrollTop = event.target.scrollTop;
+
+ // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+ if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+ this.$store.state.qiankun.pageChange({
+ page: 100,
+ catalog: 5,
+ catalogId: "",
+ catalogName: ""
+ });
},
+ 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: {
pageHeader,
@@ -132,8 +182,8 @@
chapterTen,
chapterEleven,
chapterTwelve,
- chapterThirteen,
- },
+ chapterThirteen
+ }
};
</script>
--
Gitblit v1.9.1