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