体育与健康pdf修改2

yiming

2024-08-13 6550db0772ab6f620e0d4de4192092376705d3ae

体育与健康pdf修改2

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

@@ -8565,68 +8565,5 @@
</script>

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

.custom-dialog {
  overflow: hidden !important;

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

  /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;
      }
    }

    /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;
  }

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

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

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

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

@@ -5497,70 +5497,68 @@
</script>

<style lang="less" scoped>

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

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

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

  /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;
      }
    /deep/ .el-dialog__body {
        padding: 0;
    }

    /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__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;
            }
        }

        /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;
  }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    .pdfModal {
        width: 100%;
        height: 80vh;
    }
  }

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

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

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    .pdfModal {
        width: 100%;
        height: 60vh;
    }
  }
}

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

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

@@ -168,7 +168,7 @@

    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(1, 1)
      this.gotoPage(4, 134)
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -297,7 +297,7 @@
          const pageDom = (
            this.container ? this.container : document
          ).querySelector(`[page="${page}"]`)
          

          if (pageDom) {
            pageDom.scrollIntoView()
          } else {

 src/components/pdfview/index.vue

@@ -78,7 +78,7 @@
      window.open(await getResourcePath(this.preViewMd5));
    },
    domViewer() {
      let ele = (this.container ? this.container : document).getElementById(
      let ele = document.getElementById(
        "imageParent"
      );
      this.viewerCon = new Viewer(ele, {