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 | 153 ++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 150 insertions(+), 3 deletions(-)
diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index 0ae4290..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+ */
@@ -296,6 +296,58 @@
width: 60%;
height: 50%;
padding-top: 60%;
+ padding-right: 10%;
+ }
+ }
+
+ .bj-img02 {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: url('../image/dy2.jpg');
+ background-position: top;
+ background-size: 100% 50%;
+ background-repeat: no-repeat;
+ display: flex;
+ justify-content: flex-start;
+
+ .bj-empyt-chapter02 {
+ width: 40%;
+ height: 100%;
+ }
+
+ .bj-text02 {
+ width: 60%;
+ height: 50%;
+ padding-top: 60%;
+ padding-right: 10%;
+ }
+ }
+
+ .bj-img03 {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 98%;
+ background: url('../image/dy3.jpg');
+ background-position: top;
+ background-size: 100% 45%;
+ background-repeat: no-repeat;
+ display: flex;
+ justify-content: flex-start;
+
+ .bj-empyt-chapter03 {
+ width: 40%;
+ height: 100%;
+ }
+
+ .bj-text03 {
+ width: 60%;
+ height: 50%;
+ padding-top: 50%;
padding-right: 10%;
}
}
@@ -503,6 +555,7 @@
margin: 0;
// font-weight: 900;
margin-bottom: 10px;
+ text-indent: 2em;
}
@@ -1606,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;
@@ -1674,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