From fbf4bb02ba5aa830281d03b029ee300373b98b64 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期五, 09 八月 2024 16:52:25 +0800
Subject: [PATCH] 体育与健康pdf样式

---
 src/books/sportsAndHealth/view/components/chapter005.vue |    2 
 src/books/sportsAndHealth/css/default.less               |   16 ++
 src/books/sportsAndHealth/view/components/chapter006.vue |   69 ++++++++
 src/books/sportsAndHealth/view/components/chapter004.vue |   66 ++++++++
 src/books/sportsAndHealth/view/components/chapter007.vue |   67 ++++++++
 src/books/sportsAndHealth/view/components/chapter001.vue |   65 ++++++++
 src/books/sportsAndHealth/view/components/chapter002.vue |   66 ++++++++
 src/books/sportsAndHealth/view/components/chapter003.vue |    2 
 src/books/sportsAndHealth/view/components/chapter009.vue |   69 ++++++++
 src/books/sportsAndHealth/view/components/chapter008.vue |    2 
 10 files changed, 418 insertions(+), 6 deletions(-)

diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index 33b398e..17120c4 100644
--- a/src/books/sportsAndHealth/css/default.less
+++ b/src/books/sportsAndHealth/css/default.less
@@ -2216,3 +2216,19 @@
   color: #8da2d7;
 }
 
+
+.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;
+  }
+}
+
+
diff --git a/src/books/sportsAndHealth/view/components/chapter001.vue b/src/books/sportsAndHealth/view/components/chapter001.vue
index adfab5b..4f51336 100644
--- a/src/books/sportsAndHealth/view/components/chapter001.vue
+++ b/src/books/sportsAndHealth/view/components/chapter001.vue
@@ -6369,4 +6369,69 @@
 b {
   color: #f79447;
 }
+
+.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>
diff --git a/src/books/sportsAndHealth/view/components/chapter002.vue b/src/books/sportsAndHealth/view/components/chapter002.vue
index ae1ee19..a0d8f60 100644
--- a/src/books/sportsAndHealth/view/components/chapter002.vue
+++ b/src/books/sportsAndHealth/view/components/chapter002.vue
@@ -2939,4 +2939,70 @@
 b {
   color: #F79447;
 }
+
+
+.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>
diff --git a/src/books/sportsAndHealth/view/components/chapter003.vue b/src/books/sportsAndHealth/view/components/chapter003.vue
index 0757e0e..3b0e8c1 100644
--- a/src/books/sportsAndHealth/view/components/chapter003.vue
+++ b/src/books/sportsAndHealth/view/components/chapter003.vue
@@ -8564,7 +8564,7 @@
 }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 .pdfModal {
   width: 100%;
   height: 90vh;
diff --git a/src/books/sportsAndHealth/view/components/chapter004.vue b/src/books/sportsAndHealth/view/components/chapter004.vue
index 8ce1732..49a9211 100644
--- a/src/books/sportsAndHealth/view/components/chapter004.vue
+++ b/src/books/sportsAndHealth/view/components/chapter004.vue
@@ -2672,6 +2672,72 @@
 };
 </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;
+    }
+  }
+}
 .img {
     font-family: "FZLTXIHJW";
     text-align: center;
diff --git a/src/books/sportsAndHealth/view/components/chapter005.vue b/src/books/sportsAndHealth/view/components/chapter005.vue
index e91845a..6606fcc 100644
--- a/src/books/sportsAndHealth/view/components/chapter005.vue
+++ b/src/books/sportsAndHealth/view/components/chapter005.vue
@@ -5286,7 +5286,7 @@
 }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 .pdfModal {
   width: 100%;
   height: 90vh;
diff --git a/src/books/sportsAndHealth/view/components/chapter006.vue b/src/books/sportsAndHealth/view/components/chapter006.vue
index cddec23..fe33f39 100644
--- a/src/books/sportsAndHealth/view/components/chapter006.vue
+++ b/src/books/sportsAndHealth/view/components/chapter006.vue
@@ -5496,4 +5496,71 @@
 }
 </script>
 
-<style lang="less" scoped></style>
\ No newline at end of file
+<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>
\ No newline at end of file
diff --git a/src/books/sportsAndHealth/view/components/chapter007.vue b/src/books/sportsAndHealth/view/components/chapter007.vue
index 27961fe..96de6c7 100644
--- a/src/books/sportsAndHealth/view/components/chapter007.vue
+++ b/src/books/sportsAndHealth/view/components/chapter007.vue
@@ -2638,4 +2638,69 @@
 }
 </script>
 
-<style lang="less" scoped></style>
+<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>
diff --git a/src/books/sportsAndHealth/view/components/chapter008.vue b/src/books/sportsAndHealth/view/components/chapter008.vue
index 78333e0..3e6faae 100644
--- a/src/books/sportsAndHealth/view/components/chapter008.vue
+++ b/src/books/sportsAndHealth/view/components/chapter008.vue
@@ -1930,7 +1930,7 @@
 </script>
 
 
-<style lang="less">
+<style lang="less" scoped>
 .pdfModal {
   width: 100%;
   height: 90vh;
diff --git a/src/books/sportsAndHealth/view/components/chapter009.vue b/src/books/sportsAndHealth/view/components/chapter009.vue
index 6e639db..633a73d 100644
--- a/src/books/sportsAndHealth/view/components/chapter009.vue
+++ b/src/books/sportsAndHealth/view/components/chapter009.vue
@@ -5280,4 +5280,71 @@
 }
 </script>
 
-<style lang="less" scoped></style>
+<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>

--
Gitblit v1.9.1