From ae0f7db7767d04612203c8c173c7dd9d0c1b7179 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 24 五月 2024 15:53:18 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/lifeCare/css/default.less | 178 +++++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 136 insertions(+), 42 deletions(-)
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 9966c73..337909b 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -1,8 +1,13 @@
+.page-main {
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+}
+
.public-books {
max-width: 816px;
min-width: 375px;
margin: 0 auto;
- padding-bottom: 100px;
border-color: #f49a4c;
textarea:focus,
@@ -16,6 +21,13 @@
text-indent: 2em;
}
+ .prefaceImg {
+ width: 92% !important;
+ position: absolute;
+ left: 4%;
+ top: 4%;
+ }
+
input {
width: 100%;
border: 0 !important;
@@ -23,10 +35,11 @@
outline: none;
font-size: 16px;
text-align: center;
+ white-space: pre-line;
}
.chapter {
- font-family: "瀹嬩綋", SimSun, sans-serif;
+ font-family: "瀹嬩綋";
.topImg {
padding-top: 0 !important;
@@ -39,42 +52,35 @@
.header {
width: 100%;
- height: 136px;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 1001;
+ height: 100px;
.pageHeader-first {
width: 100%;
- height: 136px;
- position: relative;
+ height: 100%;
+ padding-top: 6%;
.header-bj {
width: 78%;
- height: 115px;
+ height: 100%;
border-left: 1px solid #dfb27d;
border-bottom: 1px solid #dfb27d;
- position: absolute;
- right: 30px;
- top: 3px;
+ margin-left: 18%;
}
.content {
background-color: #f49a4c;
- width: 740px;
- height: 35px;
- position: absolute;
- left: 25px;
- top: 75px;
+ width: 91%;
+ height: 32%;
display: flex;
justify-content: flex-start;
align-items: center;
+ margin-top: -5%;
+ margin-left: 3%;
.pageStr {
- width: 140px;
+ padding: 2px 12px;
color: #fff;
- font-size: 28px;
+ font-size: 24px;
text-align: center;
}
@@ -91,7 +97,28 @@
}
}
}
+
+ @media (max-width: 414px) {
+
+ .content {
+ right: 3%;
+ top: 4%;
+
+ .title {
+ font-size: 18px;
+ padding: 2px 10px;
+ }
+ }
+ }
+
+ @media (max-width: 756px) {
+
+ .content {
+ margin-top: -12%;
+ }
+ }
}
+
.pageHeader-second {
width: 100%;
@@ -99,6 +126,7 @@
justify-content: center;
align-items: center;
flex-direction: column;
+ padding-top: 3%;
.second-con {
width: 90%;
@@ -108,8 +136,8 @@
align-items: center;
font-size: 20px;
position: absolute;
- right: 36px;
- top: 60px;
+ right: 5%;
+ top: 5%;
.second-left {
width: 23px;
@@ -146,6 +174,35 @@
}
}
+ @media (max-width: 414px) {
+
+ .second-con {
+ right: 3%;
+ top: 4%;
+
+ .second-right .pageNum {
+ font-size: 18px;
+ padding: 2px 10px;
+ }
+ }
+ }
+
+ @media (max-width: 756px) {
+
+ .second-con {
+ right: 3%;
+ top: 4%;
+ }
+ }
+
+ @media (max-width: 1024px) {
+
+ .second-con {
+ right: 3%;
+ top: 3%;
+ }
+ }
+
.borderLine {
width: 93%;
height: 1px;
@@ -154,7 +211,6 @@
}
}
}
-
.textareaInput {
width: 100%;
@@ -169,12 +225,10 @@
.chapter01Table {
width: 100%;
-
.textareaInput:focus {
border: 1px solid #999 !important;
}
}
-
.table111,
.table112 {
@@ -186,21 +240,21 @@
text-align: center;
border: 1px solid #999;
margin: 0;
- padding: 2px 9px;
+ padding: 8px 9px;
font-size: 16px;
}
tr td {
border: 1px solid #999;
text-align: center;
- padding: 2px 0;
+ padding: 8px;
overflow: hidden;
+ white-space: pre-line;
}
}
.table112 {
font-size: 16px;
-
tr th {
width: 50px;
@@ -240,7 +294,7 @@
position: absolute;
top: -30px;
left: 15px;
- background-color: #FFF;
+ background-color: #fff;
color: #f49a4c;
font-weight: bold;
font-size: 18px;
@@ -261,6 +315,29 @@
padding: 12px 10px;
box-sizing: border-box;
padding-top: 30px;
+ font-family: '浠垮畫';
+ font-weight: 700;
+
+
+ p {
+ margin-top: 0px;
+ }
+
+ .p-text {
+ p {
+
+ line-height: 22px;
+ font-weight: 700;
+ color: #666;
+ }
+
+ div {
+ line-height: 22px;
+ font-size: 20px;
+ text-align: center;
+ padding-top: 10px;
+ }
+ }
}
.page-box {
@@ -295,7 +372,7 @@
}
.pdf-content {
- padding: 0 5%;
+ padding: 5% 5%;
box-sizing: border-box;
}
@@ -459,12 +536,16 @@
margin: 15px;
}
+ .img-gn-zt {
+ width: 180px;
+ }
+
div.bodystyle {
font-size: 18px;
text-align: justify;
padding: 10% 10%;
- padding-top: 15%;
box-sizing: border-box;
+ font-family: '瀹嬩綋';
}
div.bj {
@@ -547,6 +628,15 @@
text-indent: 0em;
}
+ .h5-zt {
+ font-size: 18px;
+ }
+
+ .tip-specail {
+ border: 1px solid #f49a4c !important;
+ padding: 15px 15px;
+ }
+
p {
margin-top: 1em;
text-indent: 2em;
@@ -612,7 +702,7 @@
}
h2 {
- font-family: "瀹嬩綋";
+ font-family: "FZLTZHJW";
font-weight: bold;
font-size: 1.2em;
margin-top: 0.2em;
@@ -625,7 +715,10 @@
#b003,
#b004,
#b005,
- #b006 {
+ #b006,
+ #b007,
+ #b008,
+ #b009 {
margin-bottom: 100px;
}
@@ -910,7 +1003,7 @@
}
.img-gn {
- height: 3.2em;
+ height: 45px;
margin-bottom: -0.4em;
}
@@ -1007,14 +1100,6 @@
margin-right: -1em;
}
- .block {
- font-size: 18px;
- line-height: 25px;
- font-family: '浠垮畫';
- font-weight: 600;
- color: #666;
- }
-
.bk-h3 {
border: 3px solid #f49a4c;
padding: 0.7em;
@@ -1083,11 +1168,20 @@
}
div.bk-qjms {
+ font-family: 'FZLTXIHJW';
border: 3px dotted #f49a4c;
padding: 15px;
margin-bottom: 2em;
margin-top: 0.5em;
position: relative;
+
+ .block {
+ font-size: 18px;
+ line-height: 25px;
+ font-family: "浠垮畫";
+ font-weight: 600;
+ color: #666;
+ }
}
p.bj1-qjms {
--
Gitblit v1.9.1