From c76dd06de1bb752719900e7ec07d24a5da0966a5 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 22 十一月 2024 11:17:00 +0800 Subject: [PATCH] 公式输入框样式优化 --- src/books/sportsAndHealth/css/default.less | 136 ++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 126 insertions(+), 10 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index c6c8e31..a69a747 100644 --- a/src/books/sportsAndHealth/css/default.less +++ b/src/books/sportsAndHealth/css/default.less @@ -227,6 +227,7 @@ video { width: 100%; + height: 150px; } video::-webkit-media-text-track-display { @@ -580,7 +581,21 @@ 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; justify-content: center; @@ -600,17 +615,17 @@ } } - .qjdrIocn:hover { - border: 1px solid #f49a4c; - background-color: #fff; - color: #f49a4c; + // .qjdrIocn:hover { + // border: 1px solid #f49a4c; + // background-color: #fff; + // color: #f49a4c; - svg { - margin-left: 8px; - fill: #f39938; - cursor: pointer; - } - } + // svg { + // margin-left: 8px; + // fill: #f39938; + // cursor: pointer; + // } + // } .coverImg { position: absolute; @@ -647,6 +662,7 @@ margin-right: 15px; padding: 0 15px; border-radius: 5px; + margin-top: 15px; span { font-size: 14px; @@ -2008,6 +2024,106 @@ .pdfModal { width: 100%; height: 90vh; + + .pdfBox-component { + width: 100%; + height: 100%; + position: relative; + + .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; + } + } +} + +.w50{ + width: 50%; +} + +.w57{ + width: 57%; +} + +.fl{ + display: flex; +} + +.fd-c{ + flex-direction: column; +} + +.al-c{ + align-items: center; +} + +.span-P{ + color: rgb(246, 147, 71); } @media screen and (max-width: 1024px) { -- Gitblit v1.9.1