zhongshujie
19 小时以前 d11b7bf0ecbf1662ca96c127beda0581ecfd6853
src/books/aurturingAndEducationAged0to3/view/components/index.vue
@@ -3,38 +3,17 @@
      <div id="searchDomBox" style="display: none">
        <div id="searchContent"></div>
      </div>
      <div
        class="page-content"
        :style="{
    <div class="page-content" :style="{
          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>
        <chapterThree
          v-if="showCatalogList.indexOf(4) > -1"
          :showPageList="loadPageList"
        ></chapterThree>
        <chapterFour
          v-if="showCatalogList.indexOf(5) > -1"
          :showPageList="loadPageList"
        ></chapterFour>
        <chapterFive
          v-if="showCatalogList.indexOf(6) > -1"
          :showPageList="loadPageList"
        ></chapterFive>
    }">
      <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>
      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
      <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterFive>
      </div>
    </div>
  </template>
@@ -177,6 +156,8 @@
        threshold: 0, // 指定交叉比例,这里设为 0.5,表示当目标元素一半或更多显示在视窗中时触发回调函数。
      });
  
    this.getBookResourceList();
      // 启动页码观察
      setTimeout(() => {
        this.initObservation();
@@ -184,22 +165,9 @@
      }, 500);
  
      // 测试页面跳转
      // setTimeout(() => {
      //   this.gotoPage(1, 1);
        //   setTimeout(() => {
        //     this.renderSign("Highlight", {
        //       id: "2ACA9359",
        //       txt: "题一学习主题一 运动",
        //       page: "10",
        //       type: "Highlight",
        //       color: "#F5E12A"
        //     });
        // setTimeout(() => {
        //   this.delSign({
        //     ids: ["2ACA9359"]
        //   });
        // }, 2000);
      // }, 500);
    setTimeout(() => {
      this.gotoPage(2, 12);
    }, 500);
  
      // const pageDom = (this.container ? this.container : document)
      //   .querySelector("#app")
@@ -230,6 +198,17 @@
      //   ).querySelector(".page-main");
      //   this.$store.commit("setZoom", scale);
      // },
    // 请求资源Json
    async getBookResourceList() {
      this.resourceList = await this.config.getBookResources(
        process.env.VUE_APP_RESOURCE_CTX + (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "aurturingAndEducationAged0to3")
      );
    },
      // 滚动监听
      scrollFun(event) {
        this.handleVideoPicture();
@@ -988,4 +967,3 @@
    }
  }
  </style>