From be9e87ab74a65e57409e8fe74f9e29b808466fe1 Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期四, 13 六月 2024 19:53:46 +0800 Subject: [PATCH] 优化 --- src/books/sportsAndHealth/css/default.less | 101 +++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 98 insertions(+), 3 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index f777519..1bcee05 100644 --- a/src/books/sportsAndHealth/css/default.less +++ b/src/books/sportsAndHealth/css/default.less @@ -18,7 +18,6 @@ font-size: 18px; .chapter { - textarea { width: 100%; font-family: 'FZLTXIHJW'; @@ -212,12 +211,13 @@ span { display: block; - height: 25px; - line-height: 15px; + height: 30px; + line-height: 19px; border: 1px solid #89a0d0; padding: 5px 15px; box-sizing: border-box; border-radius: 5px; + font-size: 14px; cursor: pointer; -webkit-user-select: none; /* Safari 3.1+ */ @@ -555,6 +555,7 @@ margin: 0; // font-weight: 900; margin-bottom: 10px; + text-indent: 2em; } @@ -1658,7 +1659,18 @@ } @media screen and (max-width: 800px) { + + .chapter { + .coverImg { + height: 100%; + overflow: hidden; + } + + .page-box { + min-height: 1000px !important; + } + .pdf-tips-con { width: 100%; min-width: 200px; @@ -1726,11 +1738,94 @@ } } } + + @media screen and (max-width:700px) { + // .coverImg { + // img { + // height: 100%; + // } + // } + + .chapter { + + .coverImg { + margin: 0; + } + + .page-box { + min-height: 800px !important; + } + } + } + + @media screen and (max-width:600px) { + .chapter { + + .coverImg { + margin: 0; + height: 100%; + } + + .page-box { + min-height: 500px !important; + margin-bottom: 20px; + } + } + } + } + } +} + +.pdfModal { + width: 100%; + height: 90vh; +} + +@media screen and (max-width:800px) { + .pdfModal { + width: 100%; + height: 60vh; + } + + .custom-dialog { + .el-dialog { + width: 90vw !important; } } } +.custom-dialog { + .el-dialog__body { + padding: 0; + } + + .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; + } + } + + .el-dialog__title, + .el-dialog__headerbtn .el-dialog__close { + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: 'FZLTXIHJW'; + } + } +} .tablePublic input[type="checkbox"]:checked+.checkmark { background: #000 !important; -- Gitblit v1.9.1