0~3岁婴幼儿抚育与教育分页完成

zhongshujie

2025-03-05 c20313290a710302ba68c3af2e8aa9ab162ad00b

 src/books/aurturingAndEducationAged0to3/view/components/index.vue

@@ -19,7 +19,7 @@
          v-if="showCatalogList.indexOf(2) > -1"
          :showPageList="loadPageList"
        ></chapterOne>
        <!-- <chapterTwo
        <chapterTwo
          v-if="showCatalogList.indexOf(3) > -1"
          :showPageList="loadPageList"
        ></chapterTwo>
@@ -35,12 +35,6 @@
          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> -->
      </div>
    </div>
  </template>
@@ -48,12 +42,10 @@
  <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 chapterTwo from "./chapter002.vue";
  import chapterThree from "./chapter003.vue";
  import chapterFour from "./chapter004.vue";
  import chapterFive from "./chapter005.vue";
  import NoteIcon from "@/assets/images/biji.png";
  import _ from "lodash";
  import Swiper from "swiper/bundle";
@@ -64,7 +56,7 @@
    name: "pageContent",
    data() {
      return {
        catalogLength: 2, // 总章节数
        catalogLength: 6, // 总章节数
        showCatalogList: [], // 显示的章节
        loadThreshold: 300, // 触发加载阈值
        throttleThreshold: 100, // 节流阈值
@@ -191,8 +183,8 @@
      }, 500);
  
      // 测试页面跳转
      setTimeout(() => {
        this.gotoPage(1, 1);
      // setTimeout(() => {
      //   this.gotoPage(6, 253);
        //   setTimeout(() => {
        //     this.renderSign("Highlight", {
        //       id: "2ACA9359",
@@ -206,7 +198,7 @@
        //     ids: ["2ACA9359"]
        //   });
        // }, 2000);
      }, 500);
      // }, 500);
  
      // const pageDom = (this.container ? this.container : document)
      //   .querySelector("#app")
@@ -745,12 +737,10 @@
        const pageData = {
          pageHeader,
          chapterOne,
        //   chapterTwo,
        //   chapterThree,
        //   chapterFour,
        //   chapterFive,
        //   chapterSix,
        //   chapterSeven
          chapterTwo,
          chapterThree,
          chapterFour,
          chapterFive,
        };
        // 遍历所有章节文件
        for (const key in pageData) {
@@ -975,12 +965,10 @@
    components: {
      pageHeader,
      chapterOne,
    //   chapterTwo,
    //   chapterThree,
    //   chapterFour,
    //   chapterFive,
    //   chapterSix,
    //   chapterSeven
      chapterTwo,
      chapterThree,
      chapterFour,
      chapterFive,
    },
  };
  </script>