From f4bfea700a57d71a9c30315387a77650af13858c Mon Sep 17 00:00:00 2001
From: user1 <10901603+no-distractions1@user.noreply.gitee.com>
Date: 星期五, 14 六月 2024 18:10:22 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/lifeCare/css/default.less | 325 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 308 insertions(+), 17 deletions(-)
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 0e59f3f..6361597 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -50,6 +50,9 @@
}
.coverImg {
+ display: block;
+ width: 100%;
+ height: 100%;
position: absolute;
top: 0;
left: 0;
@@ -256,6 +259,12 @@
.chapter {
font-family: "瀹嬩綋";
+
+ .rightPng {
+ float: left;
+ width: 60%;
+ }
+
.bk1-h3 {
border: 2px solid #a5c24f;
color: #a5c24f;
@@ -322,6 +331,10 @@
margin: 0 20px;
}
+ .ztStr {
+ margin: 0 50px;
+ }
+
.title {
display: flex;
justify-content: flex-start;
@@ -342,13 +355,78 @@
}
}
- .zt1-content {
- background-color: #f7b80a;
+
+ .zt01-con {
+ background-color: #fbb45e;
}
- .zt1-header-bj {
- border-left-color: #a5c24f;
- border-bottom-color: #a5c24f;
+ .zt02-con {
+ background-color: #b786bb;
+ }
+
+ .zt03-con {
+ background-color: #a5c24f;
+ }
+
+ .zt04-con {
+ background-color: #6eb1e1;
+ }
+
+ .zt05-con {
+ background-color: #8f92c7;
+ }
+
+ .zt06-con {
+ background-color: #f26b66;
+ }
+
+ .zt07-con {
+ background-color: #8acfba;
+ }
+
+ .zt08-con {
+ background-color: #a97b50;
+ }
+
+
+ .zt01-bj {
+ border-left: 2px solid #a5c24f;
+ border-bottom: 2px solid #a5c24f;
+ }
+
+ .zt02-bj {
+ border-left: 2px solid #6eb1e1;
+ border-bottom: 2px solid #6eb1e1;
+ }
+
+ .zt03-bj {
+ border-left: 2px solid #a97b50;
+ border-bottom: 2px solid #a97b50;
+ }
+
+ .zt04-bj {
+ border-left: 2px solid #fbb45e;
+ border-bottom: 2px solid #fbb45e;
+ }
+
+ .zt05-bj {
+ border-left: 2px solid #f48f9d;
+ border-bottom: 2px solid #f48f9d;
+ }
+
+ .zt06-bj {
+ border-left: 2px solid #fec128;
+ border-bottom: 2px solid #fec128;
+ }
+
+ .zt07-bj {
+ border-left: 2px solid #8f92c7;
+ border-bottom: 2px solid #8f92c7;
+ }
+
+ .zt08-bj {
+ border-left: 2px solid #8b9da7;
+ border-bottom: 2px solid #8b9da7;
}
@media (max-width: 756px) {
@@ -366,6 +444,7 @@
}
}
+ // 濂囨暟
.pageHeader-second {
width: 100%;
display: flex;
@@ -383,12 +462,47 @@
font-size: 20px;
position: absolute;
right: 36px;
- top: 80px;
+ top: 88px;
.second-left {
width: 23px;
height: 100%;
background-color: #f49a4c;
+ }
+
+ .zt02-left {
+ width: 20px;
+ background-color: #b786bb;
+ }
+
+ .zt03-left {
+ width: 20px;
+ background-color: #a5c24f;
+ }
+
+ .zt04-left {
+ width: 20px;
+ background-color: #6eb1e1;
+ }
+
+ .zt05-left {
+ width: 20px;
+ background-color: #8f92c7;
+ }
+
+ .zt06-left {
+ width: 20px;
+ background-color: #f26b66;
+ }
+
+ .zt07-left {
+ width: 20px;
+ background-color: #8acfba;
+ }
+
+ .zt08-left {
+ width: 20px;
+ background-color: #a97b50;
}
.second-right {
@@ -405,9 +519,73 @@
top: -20px;
}
+ .zt-pen {
+ height: 35px;
+ position: absolute;
+ left: -40px;
+ top: -8px;
+ }
+
.pageStr {
margin-right: 10px;
}
+
+ .zt01-Str {
+ color: #a5c24f;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
+ .zt02-Str {
+ color: #6eb1e1;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
+ .zt03-Str {
+ color: #a97b50;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
+ .zt04-Str {
+ color: #f49a4c;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
+ .zt05-Str {
+ color: #f48f9d;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
+ .zt06-Str {
+ color: #fec128;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
+ .zt07-Str {
+ color: #b0a4cf;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
+ .zt08-Str {
+ color: #8b9da7;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
.pageNum {
display: block;
@@ -418,13 +596,54 @@
color: #fff;
}
- .zt1-pageNum {
+ .zt01-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
background-color: #a5c24f;
}
- .zt1-pageStr {
- color: #a5c24f;
+ .zt02-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #6eb1e1;
}
+
+ .zt03-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #a97b50;
+ }
+
+ .zt04-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #f49a4c;
+ }
+
+ .zt05-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #f48f9d;
+ }
+
+ .zt06-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #fec128;
+ }
+
+ .zt07-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #b0a4cf;
+ }
+
+ .zt08-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #8b9da7;
+ }
+
}
}
@@ -452,8 +671,52 @@
margin-top: 105px;
}
- .zt1-boderLine {
+ .zt01-bdline {
background-color: #a5c24f;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt02-bdline {
+ background-color: #6eb1e1;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt03-bdline {
+ background-color: #a97b50;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt04-bdline {
+ background-color: #f49a4c;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt05-bdline {
+ background-color: #f48f9d;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt06-bdline {
+ background-color: #fabf2e;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt07-bdline {
+ background-color: #b0a4cf;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt08-bdline {
+ background-color: #8b9da7;
+ width: 88%;
+ margin-right: 20px;
}
}
}
@@ -764,7 +1027,7 @@
padding: 5px 10px;
p {
- line-height: 22px;
+ line-height: 25px;
font-weight: 700;
color: #666;
}
@@ -773,7 +1036,7 @@
line-height: 22px;
font-size: 20px;
text-align: center;
- padding-top: 10px;
+ padding: 10px 0;
}
}
}
@@ -1583,7 +1846,7 @@
font-size: 16px;
border-radius: 5px;
max-width: 620px;
- min-width: 500px;
+ min-width: 300px;
}
}
@@ -1643,12 +1906,18 @@
@media screen and (max-width: 800px) {
.coverImg {
- position: absolute;
- top: 25%;
- left: 0;
- }
+ img {
+ height: 100%;
+ }
+ }
+
.chapter {
+
+ .page-box {
+ min-height: 1000px !important;
+ }
+
.prefaceImg {
width: 100% !important;
position: absolute;
@@ -1755,6 +2024,28 @@
}
}
}
+
+ @media screen and (max-width:700px) {
+ .coverImg {
+ img {
+ height: 100%;
+ }
+ }
+
+ .chapter {
+ .page-box {
+ min-height: 800px !important;
+ }
+ }
+ }
+
+ @media screen and (max-width:600px) {
+ .chapter {
+ .page-box {
+ min-height: 500px !important;
+ }
+ }
+ }
}
}
--
Gitblit v1.9.1