体育与健康pdf修改3

yiming

2024-08-15 8f526fbf0d8fe16d1b396f3fce710b9e7f64e353

体育与健康pdf修改3

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

@@ -3,23 +3,14 @@
    <div id="searchDomBox" style="display: none">
      <div id="searchContent"></div>
    </div>
    <div
      class="page-content"
      :style="{
        fontSize: fontSize ? fontSize + 'px' : '16px',
        transform: `scale(${pageZoom ? pageZoom : 1})`,
        transformOrigin: 'center top',
      }"
    >
      <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader>
      <chapterOne
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      ></chapterOne>
    <div class="page-content" :style="{
      fontSize: fontSize ? fontSize + 'px' : '16px',
      transform: `scale(${pageZoom ? pageZoom : 1})`,
      transformOrigin: 'center top',
    }">
      <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" :questionData="questionDataMap">
      </chapterOne>
    </div>
  </div>
</template>
@@ -57,7 +48,7 @@
      renderSignMap: {},
      highlightData: null,
      questionId: {},
      collectId:[]
      collectId: []
    };
  },
  computed: {
@@ -162,36 +153,36 @@
    }, 500);

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

    // 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
    // });
    // }, 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
      // });
    }, 500);

    // 获取题目id列表
    this.getQuestionId();
@@ -452,8 +443,8 @@
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
              ? chapterThemeColor[chapterNum]
              : bookThemeColor;
        if (themeColor) {
          domItem.style.color = themeColor;
        }
@@ -470,8 +461,8 @@
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
              ? chapterThemeColor[chapterNum]
              : bookThemeColor;
        if (themeColor) {
          domItem.style.backgroundColor = themeColor;
        }
@@ -488,8 +479,8 @@
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
              ? chapterThemeColor[chapterNum]
              : bookThemeColor;
        if (themeColor) {
          domItem.style.borderColor = themeColor;
        }
@@ -804,7 +795,7 @@
      // 记录高亮信息
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
      this.gotoPage(data.catalog, data.page, () => { });
    },
    // 获取题目列表
    getQuestionId() {
@@ -867,15 +858,15 @@
          for (let index = 0; index < res.data.data.length; index++) {
            const item = res.data.data[index];
            // 数学公式加类名去修改样式
            if(item.type && item.type == 'material') {
              if(!item.infoList.length) return false
            if (item.type && item.type == 'material') {
              if (!item.infoList.length) return false
              item.infoList.forEach(citem => {
                if(citem.answer) citem.answer = citem.answer.replace(/\<math/gi, '<math class="examination-math"')
                if (citem.answer) citem.answer = citem.answer.replace(/\<math/gi, '<math class="examination-math"')
              })
            } else {
              if(item.answer) item.answer = item.answer.replace(/\<math/gi, '<math class="examination-math"')
              if (item.answer) item.answer = item.answer.replace(/\<math/gi, '<math class="examination-math"')
            }
              item.isCollect = this.collectId.indexOf(item.id) > -1 ? true :false
            item.isCollect = this.collectId.indexOf(item.id) > -1 ? true : false
            if (this.questionId[num][page].indexOf(item.id) > -1) {
              if (item.type && item.type == "material") {
                cardList.push(item);
@@ -918,6 +909,7 @@
  width: 100%;
  height: 100%;
  overflow: auto;

  .page-content {
    max-width: 816px;
    min-width: 375px;

 src/books/sportsAndHealth/css/default.less

@@ -1895,11 +1895,11 @@
      .custom-dialog {
        overflow: hidden !important;

        /deep/ .el-dialog__body {
        :deep(.el-dialog__body) {
          padding: 0;
        }

        /deep/ .el-dialog__header {
        :deep(.el-dialog__header) {
          background-color: rgba(0, 0, 0, 0.8);

          .header_title {
@@ -2193,6 +2193,32 @@
        cursor: zoom-in !important;
      }

      ::v-deep .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);

        .header_title {
          display: flex;
          justify-content: space-between;
          align-items: center;
          color: #fff;
          font-weight: 900;
          font-size: 16px;
          font-family: 'FZLTXIHJW';

          span:nth-child(2):hover {
            cursor: pointer;
          }
        }

        ::v-deep .el-dialog__title,
        ::v-deep .el-dialog__headerbtn .el-dialog__close {
          color: #fff;
          font-weight: 900;
          font-size: 16px;
          font-family: 'FZLTXIHJW';
        }
      }

      .bottom_tool {
        height: 30px;
        background-color: rgba(0, 0, 0, 0.8);

 src/books/sportsAndHealth/view/components/chapter001.vue

@@ -6366,72 +6366,72 @@
}
</script>
<style lang="less" scoped>
b {
  color: #f79447;
}
// b {
//   color: #f79447;
// }

.pdfModal {
  width: 100%;
  height: 90vh;
}
// .pdfModal {
//   width: 100%;
//   height: 90vh;
// }

.custom-dialog {
  overflow: hidden !important;
// .custom-dialog {
//   overflow: hidden !important;

  /deep/ .el-dialog__body {
    padding: 0;
  }
//   /deep/ .el-dialog__body {
//     padding: 0;
//   }

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);
//   /deep/ .el-dialog__header {
//     background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
//     .header_title {
//       display: flex;
//       justify-content: space-between;
//       align-items: center;
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: "FZLTXIHJW";

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }
//       span:nth-child(2):hover {
//         cursor: pointer;
//       }
//     }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
    }
  }
}
//     /deep/.el-dialog__title,
//     /deep/ .el-dialog__headerbtn .el-dialog__close {
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: "FZLTXIHJW";
//     }
//   }
// }

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }
// @media screen and (max-width: 1024px) {
//   .pdfModal {
//     width: 100%;
//     height: 80vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }
// @media screen and (max-width: 800px) {
//   .pdfModal {
//     width: 100%;
//     height: 60vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }
</style>

 src/books/sportsAndHealth/view/components/chapter002.vue

@@ -3076,73 +3076,73 @@
</script>

<style lang="less" scoped>
b {
  color: #F79447;
}
// b {
//   color: #F79447;
// }


.pdfModal {
  width: 100%;
  height: 90vh;
}
// .pdfModal {
//   width: 100%;
//   height: 90vh;
// }

.custom-dialog {
  overflow: hidden !important;
// .custom-dialog {
//   overflow: hidden !important;

  /deep/ .el-dialog__body {
    padding: 0;
  }
//   /deep/ .el-dialog__body {
//     padding: 0;
//   }

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);
//   /deep/ .el-dialog__header {
//     background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
//     .header_title {
//       display: flex;
//       justify-content: space-between;
//       align-items: center;
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: "FZLTXIHJW";

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }
//       span:nth-child(2):hover {
//         cursor: pointer;
//       }
//     }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
    }
  }
}
//     /deep/.el-dialog__title,
//     /deep/ .el-dialog__headerbtn .el-dialog__close {
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: "FZLTXIHJW";
//     }
//   }
// }

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }
// @media screen and (max-width: 1024px) {
//   .pdfModal {
//     width: 100%;
//     height: 80vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }
// @media screen and (max-width: 800px) {
//   .pdfModal {
//     width: 100%;
//     height: 60vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }
</style>

 src/books/sportsAndHealth/view/components/chapter003.vue

@@ -7520,7 +7520,7 @@
        </div>
      </div>
    </div>
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body  lock-scroll :show-close="false"
      class="custom-dialog">
      <div slot="title" class="header_title">
        <span>{{ pdfTitle }}</span>
@@ -7583,13 +7583,10 @@
        isShowXyx13: false,
        isShowXyx14: false,



        isShowXyx15: false,
        isShowXyx16: false,
        isShowXyx17: false,
        isShowXyx18: false,


        score1: 0,
        score2: 0,
@@ -8273,10 +8270,7 @@
  },

  created() {

    if (!this.isSearch) {


      this.getVideo(this.chapter003.videoMd5.v8.md5, 'v8')
      this.getVideo(this.chapter003.videoMd5.v9.md5, 'v9')
      this.getVideo(this.chapter003.videoMd5.v10.md5, 'v10')
@@ -8290,7 +8284,6 @@
      this.getVideo(this.chapter003.videoMd5.v18.md5, 'v18')
      this.getVideo(this.chapter003.videoMd5.v19.md5, 'v19')
      this.getVideo(this.chapter003.videoMd5.v20.md5, 'v20')

    }

    const localData = JSON.parse(localStorage.getItem('chapter003'))
@@ -8311,13 +8304,7 @@
    },
    activityXyx1() {
      this.isShowXyx01 = !this.isShowXyx01



      this.videoShow3 = true



    },
    async getVideo(md5, val) {
      const data = await getResourcePath(md5)
@@ -8353,9 +8340,7 @@
    activityXyx2() {
      this.isShowXyx02 = !this.isShowXyx02


      if (!this.isSearch && !this.chapter003.videoShow1) {

        this.getVideo(this.chapter003.videoMd5.v1.md5, 'v1')
        this.getVideo(this.chapter003.videoMd5.v2.md5, 'v2')
        this.getVideo(this.chapter003.videoMd5.v3.md5, 'v3')
@@ -8363,9 +8348,6 @@
        this.getVideo(this.chapter003.videoMd5.v5.md5, 'v5')
        this.getVideo(this.chapter003.videoMd5.v6.md5, 'v6')
        this.getVideo(this.chapter003.videoMd5.v7.md5, 'v7')



      }

      this.chapter003.videoShow1 = true
@@ -8376,11 +8358,7 @@
    activityXyx20() {
      this.isShowXyx020 = !this.isShowXyx020


      if (!this.isSearch && !this.chapter003.isShowXyx12) {



        this.getVideos(this.chapter003.video2Md5.v1.md5, 'v1')
        this.getVideos(this.chapter003.video2Md5.v2.md5, 'v2')
        this.getVideos(this.chapter003.video2Md5.v3.md5, 'v3')
@@ -8415,26 +8393,12 @@
          this.getVideos(this.chapter003.video2Md5.v27.md5, 'v27')
          this.getVideos(this.chapter003.video2Md5.v28.md5, 'v28')
          this.getVideos(this.chapter003.video2Md5.v29.md5, 'v29')

        }, 3000)





      }






      setTimeout(() => {
        this.chapter003.isShowXyx12 = true
      }, 1000)




      setTimeout(() => {
        this.chapter003.isShowXyx13 = true
@@ -8494,7 +8458,6 @@
        this.getVideo(this.chapter003.videoMd5.v36.md5, 'v36')
        this.getVideo(this.chapter003.videoMd5.v37.md5, 'v37')
      }


      this.chapter003.isShowXyx15 = true

@@ -8621,69 +8584,69 @@
}
</script>

<style lang="less" scoped>
.pdfModal {
  width: 100%;
  height: 90vh;
}
<style lang="less"  scoped>
// .pdfModal {
//   width: 100%;
//   height: 90vh;
// }

.custom-dialog {
  overflow: hidden !important;
// .custom-dialog {
//   overflow: hidden !important;

  /deep/ .el-dialog__body {
    padding: 0;
  }
//   /deep/ .el-dialog__body {
//     padding: 0;
//   }

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);
//   /deep/ .el-dialog__header {
//     background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
//     .header_title {
//       display: flex;
//       justify-content: space-between;
//       align-items: center;
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }
//       span:nth-child(2):hover {
//         cursor: pointer;
//       }
//     }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    }
  }
}
//     /deep/.el-dialog__title,
//     /deep/ .el-dialog__headerbtn .el-dialog__close {
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';
//     }
//   }
// }

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }
// @media screen and (max-width: 1024px) {
//   .pdfModal {
//     width: 100%;
//     height: 80vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }
// @media screen and (max-width: 800px) {
//   .pdfModal {
//     width: 100%;
//     height: 60vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }
</style>

 src/books/sportsAndHealth/view/components/chapter004.vue

@@ -2593,41 +2593,41 @@


            if (!this.isSearch && !this.chapter004.videoShow1) {
            this.getVideo(this.chapter004.videoMd5.v1.md5, "v1");
            this.getVideo(this.chapter004.videoMd5.v2.md5, "v2");
            this.getVideo(this.chapter004.videoMd5.v3.md5, "v3");
            this.getVideo(this.chapter004.videoMd5.v4.md5, "v4");
            this.getVideo(this.chapter004.videoMd5.v5.md5, "v5");
            this.getVideo(this.chapter004.videoMd5.v6.md5, "v6");
                this.getVideo(this.chapter004.videoMd5.v1.md5, "v1");
                this.getVideo(this.chapter004.videoMd5.v2.md5, "v2");
                this.getVideo(this.chapter004.videoMd5.v3.md5, "v3");
                this.getVideo(this.chapter004.videoMd5.v4.md5, "v4");
                this.getVideo(this.chapter004.videoMd5.v5.md5, "v5");
                this.getVideo(this.chapter004.videoMd5.v6.md5, "v6");

            setTimeout(() => {
                this.getVideo(this.chapter004.videoMd5.v7.md5, "v7");
                this.getVideo(this.chapter004.videoMd5.v8.md5, "v8");
                this.getVideo(this.chapter004.videoMd5.v9.md5, "v9");
                this.getVideo(this.chapter004.videoMd5.v10.md5, "v10");
                this.getVideo(this.chapter004.videoMd5.v11.md5, "v11");
                this.getVideo(this.chapter004.videoMd5.v12.md5, "v12");
            }, 1000);
                setTimeout(() => {
                    this.getVideo(this.chapter004.videoMd5.v7.md5, "v7");
                    this.getVideo(this.chapter004.videoMd5.v8.md5, "v8");
                    this.getVideo(this.chapter004.videoMd5.v9.md5, "v9");
                    this.getVideo(this.chapter004.videoMd5.v10.md5, "v10");
                    this.getVideo(this.chapter004.videoMd5.v11.md5, "v11");
                    this.getVideo(this.chapter004.videoMd5.v12.md5, "v12");
                }, 1000);

            setTimeout(() => {
                this.getVideo(this.chapter004.videoMd5.v13.md5, "v13");
                this.getVideo(this.chapter004.videoMd5.v14.md5, "v14");
                this.getVideo(this.chapter004.videoMd5.v15.md5, "v15");
                this.getVideo(this.chapter004.videoMd5.v16.md5, "v16");
                this.getVideo(this.chapter004.videoMd5.v17.md5, "v17");
                this.getVideo(this.chapter004.videoMd5.v18.md5, "v18");
            }, 3000);
                setTimeout(() => {
                    this.getVideo(this.chapter004.videoMd5.v13.md5, "v13");
                    this.getVideo(this.chapter004.videoMd5.v14.md5, "v14");
                    this.getVideo(this.chapter004.videoMd5.v15.md5, "v15");
                    this.getVideo(this.chapter004.videoMd5.v16.md5, "v16");
                    this.getVideo(this.chapter004.videoMd5.v17.md5, "v17");
                    this.getVideo(this.chapter004.videoMd5.v18.md5, "v18");
                }, 3000);

            setTimeout(() => {
                this.getVideo(this.chapter004.videoMd5.v19.md5, "v19");
                this.getVideo(this.chapter004.videoMd5.v20.md5, "v20");
                this.getVideo(this.chapter004.videoMd5.v21.md5, "v21");
                this.getVideo(this.chapter004.videoMd5.v22.md5, "v22");
                this.getVideo(this.chapter004.videoMd5.v23.md5, "v23");
                this.getVideo(this.chapter004.videoMd5.v24.md5, "v24");
                this.getVideo(this.chapter004.videoMd5.v25.md5, "v25");
            }, 5000);
        }
                setTimeout(() => {
                    this.getVideo(this.chapter004.videoMd5.v19.md5, "v19");
                    this.getVideo(this.chapter004.videoMd5.v20.md5, "v20");
                    this.getVideo(this.chapter004.videoMd5.v21.md5, "v21");
                    this.getVideo(this.chapter004.videoMd5.v22.md5, "v22");
                    this.getVideo(this.chapter004.videoMd5.v23.md5, "v23");
                    this.getVideo(this.chapter004.videoMd5.v24.md5, "v24");
                    this.getVideo(this.chapter004.videoMd5.v25.md5, "v25");
                }, 5000);
            }



@@ -2688,70 +2688,70 @@
};
</script>
<style lang="less" scoped>
.pdfModal {
    width: 100%;
    height: 90vh;
}
// .pdfModal {
//     width: 100%;
//     height: 90vh;
// }

.custom-dialog {
    overflow: hidden !important;
// .custom-dialog {
//     overflow: hidden !important;

    /deep/ .el-dialog__body {
        padding: 0;
    }
//     /deep/ .el-dialog__body {
//         padding: 0;
//     }

    /deep/ .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);
//     /deep/ .el-dialog__header {
//         background-color: rgba(0, 0, 0, 0.8);

        .header_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';
//         .header_title {
//             display: flex;
//             justify-content: space-between;
//             align-items: center;
//             color: #fff;
//             font-weight: 900;
//             font-size: 16px;
//             font-family: 'FZLTXIHJW';

            span:nth-child(2):hover {
                cursor: pointer;
            }
        }
//             span:nth-child(2):hover {
//                 cursor: pointer;
//             }
//         }

        /deep/.el-dialog__title,
        /deep/ .el-dialog__headerbtn .el-dialog__close {
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';
        }
    }
}
//         /deep/.el-dialog__title,
//         /deep/ .el-dialog__headerbtn .el-dialog__close {
//             color: #fff;
//             font-weight: 900;
//             font-size: 16px;
//             font-family: 'FZLTXIHJW';
//         }
//     }
// }

@media screen and (max-width: 1024px) {
    .pdfModal {
        width: 100%;
        height: 80vh;
    }
// @media screen and (max-width: 1024px) {
//     .pdfModal {
//         width: 100%;
//         height: 80vh;
//     }

    .custom-dialog {
        /deep/ .el-dialog {
            width: 90vw !important;
        }
    }
}
//     .custom-dialog {
//         /deep/ .el-dialog {
//             width: 90vw !important;
//         }
//     }
// }

@media screen and (max-width: 800px) {
    .pdfModal {
        width: 100%;
        height: 60vh;
    }
// @media screen and (max-width: 800px) {
//     .pdfModal {
//         width: 100%;
//         height: 60vh;
//     }

    .custom-dialog {
        /deep/ .el-dialog {
            width: 90vw !important;
        }
    }
}
//     .custom-dialog {
//         /deep/ .el-dialog {
//             width: 90vw !important;
//         }
//     }
// }

.img {
    font-family: "FZLTXIHJW";

 src/books/sportsAndHealth/view/components/chapter005.vue

@@ -5082,68 +5082,67 @@
</script>

<style lang="less" scoped>
.pdfModal {
  width: 100%;
  height: 90vh;
}
// .pdfModal {
//   width: 100%;
//   height: 90vh;
// }

.custom-dialog {
  overflow: hidden !important;
// .custom-dialog {
//   overflow: hidden !important;

  /deep/ .el-dialog__body {
    padding: 0;
  }
//   /deep/ .el-dialog__body {
//     padding: 0;
//   }

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);
//   /deep/ .el-dialog__header {
//     background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
//     .header_title {
//       display: flex;
//       justify-content: space-between;
//       align-items: center;
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }
//       span:nth-child(2):hover {
//         cursor: pointer;
//       }
//     }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    }
  }
}
//     /deep/.el-dialog__title,
//     /deep/ .el-dialog__headerbtn .el-dialog__close {
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';
//     }
//   }
// }

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }
// @media screen and (max-width: 1024px) {
//   .pdfModal {
//     width: 100%;
//     height: 80vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }
// @media screen and (max-width: 800px) {
//   .pdfModal {
//     width: 100%;
//     height: 60vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
</style>
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }</style>

 src/books/sportsAndHealth/view/components/chapter006.vue

@@ -5273,68 +5273,68 @@
</script>

<style lang="less" scoped>
.pdfModal {
    width: 100%;
    height: 90vh;
}
// .pdfModal {
//     width: 100%;
//     height: 90vh;
// }

.custom-dialog {
    overflow: hidden !important;
// .custom-dialog {
//     overflow: hidden !important;

    /deep/ .el-dialog__body {
        padding: 0;
    }
//     /deep/ .el-dialog__body {
//         padding: 0;
//     }

    /deep/ .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);
//     /deep/ .el-dialog__header {
//         background-color: rgba(0, 0, 0, 0.8);

        .header_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';
//         .header_title {
//             display: flex;
//             justify-content: space-between;
//             align-items: center;
//             color: #fff;
//             font-weight: 900;
//             font-size: 16px;
//             font-family: 'FZLTXIHJW';

            span:nth-child(2):hover {
                cursor: pointer;
            }
        }
//             span:nth-child(2):hover {
//                 cursor: pointer;
//             }
//         }

        /deep/.el-dialog__title,
        /deep/ .el-dialog__headerbtn .el-dialog__close {
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';
        }
    }
}
//         /deep/.el-dialog__title,
//         /deep/ .el-dialog__headerbtn .el-dialog__close {
//             color: #fff;
//             font-weight: 900;
//             font-size: 16px;
//             font-family: 'FZLTXIHJW';
//         }
//     }
// }

@media screen and (max-width: 1024px) {
    .pdfModal {
        width: 100%;
        height: 80vh;
    }
// @media screen and (max-width: 1024px) {
//     .pdfModal {
//         width: 100%;
//         height: 80vh;
//     }

    .custom-dialog {
        /deep/ .el-dialog {
            width: 90vw !important;
        }
    }
}
//     .custom-dialog {
//         /deep/ .el-dialog {
//             width: 90vw !important;
//         }
//     }
// }

@media screen and (max-width: 800px) {
    .pdfModal {
        width: 100%;
        height: 60vh;
    }
// @media screen and (max-width: 800px) {
//     .pdfModal {
//         width: 100%;
//         height: 60vh;
//     }

    .custom-dialog {
        /deep/ .el-dialog {
            width: 90vw !important;
        }
    }
}
//     .custom-dialog {
//         /deep/ .el-dialog {
//             width: 90vw !important;
//         }
//     }
// }
</style>

 src/books/sportsAndHealth/view/components/chapter007.vue

@@ -2639,68 +2639,67 @@
</script>

<style lang="less" scoped>
.pdfModal {
  width: 100%;
  height: 90vh;
}
// .pdfModal {
//   width: 100%;
//   height: 90vh;
// }

.custom-dialog {
  overflow: hidden !important;
// .custom-dialog {
//   overflow: hidden !important;

  /deep/ .el-dialog__body {
    padding: 0;
  }
//   /deep/ .el-dialog__body {
//     padding: 0;
//   }

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);
//   /deep/ .el-dialog__header {
//     background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
//     .header_title {
//       display: flex;
//       justify-content: space-between;
//       align-items: center;
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }
//       span:nth-child(2):hover {
//         cursor: pointer;
//       }
//     }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    }
  }
}
//     /deep/.el-dialog__title,
//     /deep/ .el-dialog__headerbtn .el-dialog__close {
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';
//     }
//   }
// }

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }
// @media screen and (max-width: 1024px) {
//   .pdfModal {
//     width: 100%;
//     height: 80vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }
// @media screen and (max-width: 800px) {
//   .pdfModal {
//     width: 100%;
//     height: 60vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
</style>
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }</style>

 src/books/sportsAndHealth/view/components/chapter008.vue

@@ -1931,68 +1931,67 @@


<style lang="less" scoped>
.pdfModal {
  width: 100%;
  height: 90vh;
}
// .pdfModal {
//   width: 100%;
//   height: 90vh;
// }

.custom-dialog {
  overflow: hidden !important;
// .custom-dialog {
//   overflow: hidden !important;

  /deep/ .el-dialog__body {
    padding: 0;
  }
//   /deep/ .el-dialog__body {
//     padding: 0;
//   }

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);
//   /deep/ .el-dialog__header {
//     background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
//     .header_title {
//       display: flex;
//       justify-content: space-between;
//       align-items: center;
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: "FZLTXIHJW";

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }
//       span:nth-child(2):hover {
//         cursor: pointer;
//       }
//     }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
    }
  }
}
//     /deep/.el-dialog__title,
//     /deep/ .el-dialog__headerbtn .el-dialog__close {
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: "FZLTXIHJW";
//     }
//   }
// }

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }
// @media screen and (max-width: 1024px) {
//   .pdfModal {
//     width: 100%;
//     height: 80vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }
// @media screen and (max-width: 800px) {
//   .pdfModal {
//     width: 100%;
//     height: 60vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
</style>
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }</style>

 src/books/sportsAndHealth/view/components/chapter009.vue

@@ -4965,68 +4965,68 @@
</script>

<style lang="less" scoped>
.pdfModal {
  width: 100%;
  height: 90vh;
}
// .pdfModal {
//   width: 100%;
//   height: 90vh;
// }

.custom-dialog {
  overflow: hidden !important;
// .custom-dialog {
//   overflow: hidden !important;

  /deep/ .el-dialog__body {
    padding: 0;
  }
//   /deep/ .el-dialog__body {
//     padding: 0;
//   }

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);
//   /deep/ .el-dialog__header {
//     background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
//     .header_title {
//       display: flex;
//       justify-content: space-between;
//       align-items: center;
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }
//       span:nth-child(2):hover {
//         cursor: pointer;
//       }
//     }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    }
  }
}
//     /deep/.el-dialog__title,
//     /deep/ .el-dialog__headerbtn .el-dialog__close {
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';
//     }
//   }
// }

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }
// @media screen and (max-width: 1024px) {
//   .pdfModal {
//     width: 100%;
//     height: 80vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }
// @media screen and (max-width: 800px) {
//   .pdfModal {
//     width: 100%;
//     height: 60vh;
//   }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }
</style>

 src/books/sportsAndHealth/view/index.vue

@@ -14,7 +14,7 @@
    return {};
  },

  mounted() {},
  mounted() { },
  methods: {
    getParentWithClass(element, className) {
      while (element.parentElement) {