数学书收藏功能优化

闫增涛

2024-11-22 38cdff1163573261e36f9d7f8920e1578e1172c8

 src/App.vue

@@ -1,18 +1,46 @@
<template>
  <div id="app">

    <childHealth v-if="activeBook.name == 'childHealth'"></childHealth>
    <lifeCare v-if="activeBook.name == 'lifeCare'"></lifeCare>
    <embedded v-if="activeBook.name == 'embedded'"></embedded>
    <english v-if="activeBook.name == 'english'"></english>
    <sportsAndHealth v-if="activeBook.name == 'sportsAndHealth'"></sportsAndHealth>
    <sportsAndHealth
      v-if="activeBook.name == 'sportsAndHealth'"
    ></sportsAndHealth>
    <artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance>
    <artAndDrama v-if="activeBook.name == 'artAndDrama'"></artAndDrama>
    <mathBook v-if="activeBook.name == 'mathBook'"></mathBook>
    <botany v-if="activeBook.name == 'botany'"></botany>
    <civilAviation v-if="activeBook.name == 'civilAviation'"></civilAviation>
    <civilServices
      v-if="activeBook.name == 'civilServices'"
    ></civilServices>
    <meetingPlanners
      v-if="activeBook.name == 'meetingPlanners'"
    ></meetingPlanners>
  </div>
</template>

<script>
  // 解决ERROR ResizeObserver loop completed with undelivered notifications.//问题的
const debounce = (fn, delay) => {
  let timer = null;
  return function () {
    let context = this;
    let args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function () {
      fn.apply(context, args);
    }, delay);
  };
};
// 解决ERROR ResizeObserver loop completed with undelivered notifications.
const _ResizeObserver = window.ResizeObserver;
window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
  constructor(callback) {
    callback = debounce(callback, 16);
    super(callback);
  }
};
export default {
  name: "App",
  components: {
@@ -23,23 +51,25 @@
    sportsAndHealth: () => import("./books/sportsAndHealth/view/index.vue"),
    artAndDance: () => import("./books/artAndDance/view/index.vue"),
    mathBook: () => import("./books/mathBook/view/index.vue"),
    artAndDrama: () => import("./books/artAndDrama/view/index.vue")
    artAndDrama: () => import("./books/artAndDrama/view/index.vue"),
    botany: () => import("./books/botany/view/index.vue"),
    civilAviation: () => import("./books/civilAviation/view/index.vue"),
    civilServices: () =>
      import("./books/civilServices/view/index.vue"),
    meetingPlanners: () => import("./books/meetingPlanners/view/index.vue"),
  },
  data() {
    return {
      activeBook: {}
      activeBook: {},
    };
  },
  async created() {
    if (this.setGlobalState) {
      this.setGlobalState({

        initTestBook: async (bookId, tryPageCount) => {

          this.activeBook = await this.config.getBookConfig(
            process.env.VUE_APP_RESOURCE_CTX + process.env.VUE_APP_BOOK_ID
          );

          this.config.activeBook = this.activeBook;
          this.config.goodsStore = this.activeBook.storeRefcode;
          if (tryPageCount) {
@@ -49,10 +79,10 @@
            (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig)
          ) {
            this.$store.state.qiankun.getBookConfig({
              bookConfig: this.activeBook
              bookConfig: this.activeBook,
            });
          }
        }
        },
      });
    } else {
      // childHealth
@@ -63,12 +93,22 @@
      // artAndDance
      // artAndDrama
      // mathBook
      // civilAviation
      // civilServices
      // meetingPlanners
      this.activeBook = await this.config.getBookConfig(
        process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "mathBook")
          (process.env.VUE_APP_ENV == "product"
            ? process.env.VUE_APP_BOOK_ID
            : "mathBook")
      );

      // this.activeBook = await this.config.getBookConfig(
      //   'http://182.92.203.7:3007/books/resource/'+
      //   (process.env.VUE_APP_ENV == "product"
      //     ? process.env.VUE_APP_BOOK_ID
      //     : "botany")
      // );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;
      this.config.activeBook = this.activeBook;
@@ -76,14 +116,11 @@
    }
  },
  methods: {

    but() {
      console.log(this.activeBook, 'this.activeBook789');
    }

  }
      console.log(this.activeBook, "this.activeBook789");
    },
  },
};

</script>

<style lang="less">
@@ -91,7 +128,7 @@
body {
  width: 100%;
  height: 100%;
  margin: 0;
  margin: 0 !important;
}

#app {