《航空服务口语交际与播音技巧 》全本制作

闫增涛

2 天以前 b364125f3b77ac4c56e2dad3d010fd355b25d4e0

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

@@ -19,13 +19,38 @@
        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"
      >
      </chapter005>
    </div>
    <miniAudio :path="audioPath" :currentTime="currentTime" @closeMiniAudio="closeMiniAudio" ref="audioPlayer">
    </miniAudio>
  </div>
</template>

<script>
import Vue from "vue";
import miniAudio from "@/components/miniAudio/index.vue";
import pageHeader from "./header.vue";
import chapter001 from "./chapter001.vue";
import chapter002 from "./chapter002.vue";
import chapter003 from "./chapter003.vue";
import chapter004 from "./chapter004.vue";
import chapter005 from "./chapter005.vue";
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import Swiper from "swiper/bundle";
@@ -36,7 +61,7 @@
  name: "pageContent",
  data() {
    return {
      catalogLength: 2, // 总章节数
      catalogLength: 5, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
@@ -164,51 +189,10 @@

    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(2, 23);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
    //       txt: "题一学习主题一 运动",
    //       page: "10",
    //       type: "Highlight",
    //       color: "#F5E12A"
    //     });
    // setTimeout(() => {
    //   this.delSign({
    //     ids: ["2ACA9359"]
    //   });
    // }, 2000);
    // }, 500);

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
    //   .querySelectorAll(".page-box");
    // 检索
    // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage");
    // 检索跳转
    // this.searchItemLocation({
    //   catalog: 2,
    //   page: 10,
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    //   this.gotoPage(5, 161);
    // }, 500);
  },
  methods: {
    // setZoom1() {
    //   let scale = this.$store.state.qiankun.scale + 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // setZoom2() {
    //   let scale = this.$store.state.qiankun.scale - 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // 滚动监听
    scrollFun(event) {
      this.handleVideoPicture();
@@ -716,7 +700,11 @@
      // 所有章节组件（每本书制作时单独配置）
      const pageData = {
        pageHeader,
        chapter001
        chapter001,
        chapter002,
        chapter003,
        chapter004,
        chapter005,
      };
      // 遍历所有章节文件
      for (const key in pageData) {
@@ -940,7 +928,12 @@
  },
  components: {
    pageHeader,
    chapter001
    chapter001,
    chapter002,
    chapter003,
    chapter004,
    chapter005,
    miniAudio
  },
};
</script>