体育与健康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="{
    <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>
    }">
      <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>
@@ -162,8 +153,8 @@
    }, 500);

    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(1, 9);
    setTimeout(() => {
      this.gotoPage(1, 9);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
@@ -191,7 +182,7 @@
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    // }, 500);
    }, 500);

    // 获取题目id列表
    this.getQuestionId();
@@ -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

@@ -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

@@ -8622,68 +8585,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/chapter004.vue

@@ -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