艺术戏剧（优化）

user1

2024-06-14 88c89a86c370f9824e975d8958bfd057013aa9fd

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

@@ -3,44 +3,20 @@
      <div id="searchDomBox" style="display: none">
        <div id="searchContent"></div>
      </div>
      <div
        class="page-content"
        :style="{
    <div class="page-content" :style="{
          fontSize: fontSize ? fontSize + 'px' : '16px',
          transform: `scale(${pageZoom ? pageZoom : 1})`,
          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> -->
       
    }">
      <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>
      <!-- 音频小窗播放组件 -->
      <miniAudio
      :path="audioPath"
      :currentTime="currentTime"
      @closeMiniAudio="closeMiniAudio"
      ref="audioPlayer"
    ></miniAudio>
    <miniAudio :path="audioPath" :currentTime="currentTime" @closeMiniAudio="closeMiniAudio" ref="audioPlayer"></miniAudio>
    </div>
  </template>
  
@@ -48,8 +24,9 @@
  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 chapterThree from "./chapter003.vue";
import chapterFour from "./chapter004.vue";
import chapterFive from "./chapter005.vue";
  import NoteIcon from "@/assets/images/biji.png";
  import miniAudio from "@/components/miniAudio/index.vue";
  import _ from "lodash";
@@ -60,7 +37,7 @@
  export default {
    data() {
      return {
        catalogLength: 3, // 总章节数
      catalogLength: 6, // 总章节数
        showCatalogList: [], // 显示的章节
        loadThreshold: 300, // 触发加载阈值
        throttleThreshold: 100, // 节流阈值
@@ -734,8 +711,9 @@
          pageHeader,
          chapterOne,
          chapterTwo,
          // chapterThree,
          // chapterFour,
        chapterThree,
        chapterFour,
        chapterFive
   
        };
        // 遍历所有章节文件
@@ -889,9 +867,10 @@
      pageHeader,
      chapterOne,
      chapterTwo,
      miniAudio
      // chapterThree,
      // chapterFour,
    miniAudio,
    chapterThree,
    chapterFour,
    chapterFive
      
    },
  };
@@ -902,6 +881,7 @@
    width: 100%;
    height: 100%;
    overflow: auto;

    .page-content {
      max-width: 816px;
      min-width: 375px;
@@ -910,4 +890,3 @@
    }
  }
  </style>