体育与健康（1，2，4单元结束）

zhongshujie

2024-07-29 bf7f4e26c955ddc6f9661012ed1ab66aef758f17

 src/App.vue

@@ -1,12 +1,11 @@
<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>
@@ -34,10 +33,13 @@
  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) {
@@ -63,17 +65,25 @@
      // mathBook
      this.activeBook = await this.config.getBookConfig(
        process.env.VUE_APP_RESOURCE_CTX +
          (process.env.VUE_APP_ENV == "product"
            ? process.env.VUE_APP_BOOK_ID
            : "artAndDrama")
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "sportsAndHealth")
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;
      this.config.activeBook = this.activeBook;
      this.config.goodsStore = this.activeBook.storeRefcode;
    }
  },
  methods: {

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

  }
};

</script>

<style lang="less">
@@ -83,16 +93,19 @@
  height: 100%;
  margin: 0;
}

#app {
  width: 100%;
  height: 100%;
}

.highLight {
  border: 1px dashed rgba(255, 255, 255, 0);
  border-radius: 5px;
  padding: 3px 0;
  cursor: pointer;
}

.highLight:hover {
  border: 1px dashed #949494 !important;
}
@@ -106,6 +119,7 @@
  text-underline-thickness: 2px;
  cursor: pointer;
}

.underline:hover {
  border: 1px dashed #949494 !important;
}