From 87da339bebe4a04d9fed5cab5bd4e550b4c3f257 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期四, 15 八月 2024 17:43:54 +0800 Subject: [PATCH] 体育与健康pdf修改4 --- src/books/sportsAndHealth/css/default.less | 302 ++++++++++--------------------------------------- 1 files changed, 64 insertions(+), 238 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index 0924f21..c6c8e31 100644 --- a/src/books/sportsAndHealth/css/default.less +++ b/src/books/sportsAndHealth/css/default.less @@ -20,79 +20,6 @@ font-size: 18px; .chapter { - //new - .fl { - display: flex; - } - .fd-c { - flex-direction: column; - } - .al-c { - align-items: center; - } - .w50 { - width: 50%; - } - .w56 { - width: 56%; - } - .w13 { - width: 13%; - } - .w24 { - width: 24%; - } - .w22 { - width: 22%; - } - .w32 { - width: 32%; - } - .w34 { - width: 34%; - } - .span-P { - font-family: 'FZLTXIHJW'; - font-size: 14px; - color: #f79447; - } - .span-S { - color: #f79447; - } - .tl { - text-align: left !important; - } - .tw-no { - text-wrap: nowrap; - } - .table-p { - margin: 0%; - text-indent: 0; - font-size: 14px; - line-height: 25px; - font-family: 'FZLTXIHJW'; - } - .imgBox { - display: flex; - flex-direction: column-reverse; - position: relative; - .img { - position: absolute; - left: 40%; - bottom: -10%; - } - } - - .table-text { - border: none; - background-color: transparent; - resize: none; - &:focus { - outline: none; - } - } - - //over textarea { width: 100%; font-family: 'FZLTXIHJW'; @@ -300,7 +227,6 @@ video { width: 100%; - height: 150px; } video::-webkit-media-text-track-display { @@ -563,6 +489,7 @@ display: flex; justify-content: flex-start; } + .bj-byb { width: 100%; padding: 20px 10px; @@ -653,21 +580,6 @@ margin: 0; } } - .img-rights { - width: 250px; - float: right; - height: auto; - margin: auto; - margin-left: 20px; - - img { - width: 100%; - } - - p { - margin: 0; - } - } .qjdrIocn { display: flex !important; @@ -721,7 +633,7 @@ .pdf-con { display: flex; justify-content: flex-start; - flex-direction: column; + align-items: center; padding: 10px 0; box-sizing: border-box; border-radius: 10px; @@ -730,9 +642,9 @@ min-width: 160px; display: flex; justify-content: center; + align-items: center; border: 0.15em dashed #b898c7; margin-right: 15px; - margin-top: 5%; padding: 0 15px; border-radius: 5px; @@ -1052,21 +964,12 @@ font-family: 'FZLTXIHJW'; text-align: center; font-size: 0.8em; - color: #f79447; + color: #5d78bb; margin-left: 0%; margin-right: 0%; text-indent: 0em; } - .img-2 { - font-family: 'FZLTXIHJW'; - text-align: center; - font-size: 0.8em; - color: #457eba; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em; - } .img1 { font-family: 'FZLTXIHJW'; text-align: right; @@ -1883,72 +1786,11 @@ .zt-ls { color: #99b4df; font-weight: bold; - text-indent: 1em; } .zt-cs { color: #e99a4f; font-weight: bold; - } - } - - .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; - } } } @@ -2163,92 +2005,76 @@ } } -.tablePublic input[type='checkbox']:checked + .checkmark { - background: #000 !important; - /* 閫変腑鏃剁殑鑳屾櫙鑹� */ -} - .pdfModal { width: 100%; height: 90vh; +} - .pdfBox-component { +@media screen and (max-width: 1024px) { + .pdfModal { width: 100%; - height: 100%; - position: relative; + height: 80vh; + } - .preview { - width: 100%; - height: 100%; - - .imageBox { - height: calc(100% - 30px); - overflow-x: hidden; - overflow-y: auto; - background: #ccc; - box-sizing: border-box; - } - - .imageBox:hover { - 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); - display: flex; - justify-content: flex-end; - align-items: center; - - svg { - margin-right: 15px; - fill: #d1d1d1; - } - - svg:hover { - fill: #fff; - cursor: pointer; - } - } - } - - .notBox { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: calc(100% - 30px); - min-height: 300px; + .custom-dialog { + .el-dialog { + width: 90vw !important; } } } +@media screen and (max-width: 800px) { + .pdfModal { + width: 100%; + height: 60vh; + } + + .custom-dialog { + .el-dialog { + width: 90vw !important; + } + } +} + +.custom-dialog { + overflow: hidden !important; + + .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; + /* 閫変腑鏃剁殑鑳屾櫙鑹� */ +} + @font-face { font-family: 'FZLTZHJW'; src: url('../Fonts/FZLTZHJW.ttf'); -- Gitblit v1.9.1