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/chapter004.vue |   66 +++++++++++++++++++++++++++++++++
 1 files changed, 66 insertions(+), 0 deletions(-)

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;

--
Gitblit v1.9.1