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/lifeCare/css/default.less | 380 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 361 insertions(+), 19 deletions(-)
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 1c0376d..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;
@@ -241,8 +244,49 @@
}
}
+ .tk-line {
+ width: 100px !important;
+ border: 0;
+ border-bottom: 1px solid #000 !important;
+ font-size: 14px !important;
+ }
+
+ .tk-line:focus {
+ outline: none;
+ border-bottom: 1px solid #000 !important;
+ }
+
.chapter {
font-family: "瀹嬩綋";
+
+
+ .rightPng {
+ float: left;
+ width: 60%;
+ }
+
+ .bk1-h3 {
+ border: 2px solid #a5c24f;
+ color: #a5c24f;
+ font-weight: normal;
+ height: 35px;
+ border-top-right-radius: 25px;
+ border-bottom-right-radius: 25px;
+ display: inline-flex;
+ justify-content: space-between;
+ align-items: center;
+
+ span {
+ color: #fff;
+ display: inline-block;
+ width: 50px;
+ height: 100%;
+ line-height: 35px;
+ text-align: center;
+ box-sizing: border-box;
+ background-color: #a5c24f;
+ }
+ }
.topImg {
padding-top: 0 !important;
@@ -287,6 +331,10 @@
margin: 0 20px;
}
+ .ztStr {
+ margin: 0 50px;
+ }
+
.title {
display: flex;
justify-content: flex-start;
@@ -307,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) {
@@ -331,6 +444,7 @@
}
}
+ // 濂囨暟
.pageHeader-second {
width: 100%;
display: flex;
@@ -348,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 {
@@ -370,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;
@@ -383,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;
+ }
+
}
}
@@ -417,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;
}
}
}
@@ -593,6 +891,16 @@
display: flex;
justify-content: flex-start;
align-items: center;
+
+ .btnUpload-chapter006 {
+ border-radius: 5px;
+ background-color: #f49a4c;
+ border: 1px solid #f49a4c;
+ cursor: pointer;
+ padding: 5px 6px;
+ fill: #fff;
+ margin-bottom: -10px;
+ }
}
.bk-inputUpload {
@@ -719,7 +1027,7 @@
padding: 5px 10px;
p {
- line-height: 22px;
+ line-height: 25px;
font-weight: 700;
color: #666;
}
@@ -728,7 +1036,7 @@
line-height: 22px;
font-size: 20px;
text-align: center;
- padding-top: 10px;
+ padding: 10px 0;
}
}
}
@@ -930,7 +1238,7 @@
}
.img-gn-zt {
- width: 180px;
+ width: 120px;
}
div.bodystyle {
@@ -1538,7 +1846,7 @@
font-size: 16px;
border-radius: 5px;
max-width: 620px;
- min-width: 500px;
+ min-width: 300px;
}
}
@@ -1597,13 +1905,19 @@
}
@media screen and (max-width: 800px) {
- .public-bookInnerContent .coverImg {
- position: absolute;
- top: 25%;
- left: 0;
- }
+ .coverImg {
+ img {
+ height: 100%;
+ }
+ }
+
.chapter {
+
+ .page-box {
+ min-height: 1000px !important;
+ }
+
.prefaceImg {
width: 100% !important;
position: absolute;
@@ -1702,6 +2016,34 @@
.drawContent_wall {
margin-bottom: 2em;
}
+
+ .pic-wall {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ }
+ }
+ }
+
+ @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