嵌入书分页加载

闫增涛

2024-05-29 b1afe1bb63a9eae10b4e069c60f4db80b6816078

 src/books/childHealth/view/index.vue

@@ -2,10 +2,6 @@
  <div
    class="temp-book"
    @mouseup="handleMouseUp"
    :style="{
      fontSize: fontSize ? fontSize + 'px' : '16px',
      transform: `scale(${pageZoom ? pageZoom : 1})`,
    }"
  >
    <pageContent></pageContent>
  </div>
@@ -14,71 +10,15 @@
<script>
import pageContent from "./content/index.vue";
export default {
  name: "child-health",
  components: {
    pageContent,
    pageContent
  },
  data() {
    return {
      bookData: {},
      type: "option",
      idPathList: [],
      cardList: [],
      isMouseDown: false,
    };
    return {};
  },
  computed: {
    fontSize() {
      return this.$store.state.qiankun.fontSize;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale / 100;
    },
  },
  mounted() {
    // this.getBookInfo();
  },
  
  mounted() {},
  methods: {
    getBookInfo() {
      let query = {
        path: "*",
        queryType: "*",
        productId: this.config.bookId,
        favoriteTypes: "FavoriteBookCity",
        itemFields: {
          "SysType=": "CmsFolder",
        },
        coverSize: {
          height: 300,
        },
        fields: {
          seriesName: [],
          author: [],
          isbn: [],
          publicationDate: [],
          bookClassification: [],
          paperPrice: [],
          JDLink: [],
          tmallLink: [],
          dangdangLink: [],
          weidianLink: [],
          content: [],
          authorIntroduction: [],
          // isApplyPaperBook: [],
          // isApplyEBook: [],
          isApplyBook: [],
          isSell: [],
          pdf: [],
          protectedEpub: [],
          probationPage: [], //pdf试读页数
          freeEpubPage: [], //epub试读百分比
        },
      };
      this.MG.store.getProductDetail(query).then((res) => {
        this.$data.bookData = res.datas;
        this.$store.commit("setRootCmsItemId", res.datas.rootCmsItemId);
      });
    },
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
@@ -113,7 +53,7 @@
              txt,
              page,
              x: e.x,
              y: e.y,
              y: e.y
            });
          }
        }
@@ -124,13 +64,15 @@
            txt: "",
            page: "",
            x: e.x,
            y: e.y,
            y: e.y
          });
        }
      }
    },
  },
    }
  }
};
</script>

<style lang="less" scoped></style>
<style lang="less">
@import "../assets/main.less";
</style>