杨磊
4 天以前 97eb39caf61e8ea8f70776af267f6deed51720fe
src/books/OralAndBroadcasting/view/components/index.vue
@@ -3,38 +3,17 @@
    <div id="searchDomBox" style="display: none">
      <div id="searchContent"></div>
    </div>
    <div
      class="page-content"
      :style="{
        fontSize: fontSize + 'px',
        transform: `scale(${pageZoom})`,
        transformOrigin: 'center top',
      }"
    >
      <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader>
      <chapter001
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
      ></chapter001>
      <chapter002
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
      ></chapter002>
      <chapter003
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
      ></chapter003>
      <chapter004
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
      ></chapter004>
      <chapter005
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
      >
    <div class="page-content" :style="{
      fontSize: fontSize + 'px',
      transform: `scale(${pageZoom})`,
      transformOrigin: 'center top',
    }">
      <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
      <chapter001 v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapter001>
      <chapter002 v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapter002>
      <chapter003 v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapter003>
      <chapter004 v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapter004>
      <chapter005 v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList">
      </chapter005>
    </div>
    <miniAudio :path="audioPath" :currentTime="currentTime" @closeMiniAudio="closeMiniAudio" ref="audioPlayer">
@@ -61,7 +40,7 @@
  name: "pageContent",
  data() {
    return {
      catalogLength: 5, // 总章节数
      catalogLength: 6, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
@@ -189,7 +168,7 @@
    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(5, 161);
    //   this.gotoPage(6, 174);
    // }, 500);
  },
  methods: {
@@ -438,8 +417,8 @@
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
              ? chapterThemeColor[chapterNum]
              : bookThemeColor;
        if (themeColor) {
          domItem.style.color = themeColor;
        }
@@ -456,8 +435,8 @@
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
              ? chapterThemeColor[chapterNum]
              : bookThemeColor;
        if (themeColor) {
          domItem.style.backgroundColor = themeColor;
        }
@@ -474,8 +453,8 @@
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
              ? chapterThemeColor[chapterNum]
              : bookThemeColor;
        if (themeColor) {
          domItem.style.borderColor = themeColor;
        }
@@ -804,7 +783,7 @@
      // 记录高亮信息
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
      this.gotoPage(data.catalog, data.page, () => { });
    },
    // 页面向下滚动,音频小窗播放功能
    getAduio() {