礼仪全本样式

zhongshujie

2024-12-31 27fe2b1e2c8d6c9dc670a8e56141564e946f1248

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

@@ -13,6 +13,7 @@
        <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>
@@ -23,6 +24,7 @@
  import chapterTwo from "./chpater002.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";
@@ -33,7 +35,7 @@
    name: "pageContent",
    data() {
      return {
        catalogLength: 5, // 总章节数
        catalogLength: 6, // 总章节数
        showCatalogList: [], // 显示的章节
        loadThreshold: 300, // 触发加载阈值
        throttleThreshold: 100, // 节流阈值
@@ -53,7 +55,7 @@
    computed: {
      fontSize() {
        this.transformDom(this.$store.state.qiankun.fontSize)
        return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 16;
        return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 17;
      },
      pageZoom() {
        return this.$store.state.qiankun.scale ? this.$store.state.qiankun.scale / 100 : 1;
@@ -157,7 +159,7 @@
  
      // 测试页面跳转
      setTimeout(() => {
        this.gotoPage(2, 52);
        this.gotoPage(6, 166);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -712,6 +714,7 @@
          chapterTwo,
          chapterThree,
          chapterFour,
          chapterFive
        };
        // 遍历所有章节文件
        for (const key in pageData) {
@@ -937,6 +940,7 @@
      chapterTwo,
      chapterThree,
      chapterFour,
      chapterFive
    },
  };
  </script>