From 81ffd0cf79a784e91f5bb64e41b5629a93d867fe Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 07 六月 2024 16:55:40 +0800
Subject: [PATCH] 优化
---
src/books/lifeCare/css/default.less | 267 ++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 241 insertions(+), 26 deletions(-)
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 9b068d6..4668fdb 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -26,8 +26,9 @@
textarea {
width: 100%;
text-indent: 2em;
- max-width: 653px;
- min-height: 100px;
+ // max-width: 652px;
+ // min-height: 100px;
+ font-size: 16px;
}
.coverImg {
@@ -41,6 +42,61 @@
position: absolute;
left: 4%;
top: 4%;
+ }
+
+ .zt-yy-brd {
+ padding: 5px 15px;
+ border: 3px dotted #f49a4c;
+ border-radius: 10px;
+ }
+
+ .chapter-006 {
+ position: relative;
+
+ .btn {
+ position: absolute;
+ top: 65%;
+ left: 35%;
+ }
+ }
+
+ .border-xxfs {
+ border-radius: 0 !important;
+ position: relative;
+ padding: 10px;
+ padding-top: 20px !important;
+ border: 2px dotted #00aeef !important;
+
+
+ .bj3 {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ width: 105px;
+ height: 30px;
+ position: absolute;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ box-sizing: border-box;
+ top: 0;
+ background-color: #00aeef !important;
+ color: #fff !important;
+ border-bottom-right-radius: 25px;
+
+ .cirlce {
+ width: 40px;
+ height: 40px;
+ border: 2px solid #00aeef;
+ border-radius: 50%;
+ position: absolute;
+ left: -38px;
+ background: url('../image/xxfs.png');
+ background-position: center;
+ background-size: 70% 70%;
+ background-repeat: no-repeat;
+ background-color: #fff;
+ }
+ }
}
input {
@@ -64,7 +120,6 @@
line-height: 21px;
background-color: #f49a4c;
font-size: 20px;
-
}
.drawflow-node {
@@ -110,12 +165,14 @@
.btn-export {
float: right;
position: absolute;
- top: 10px;
+ top: 4px;
right: 10px;
- color: white;
+ color: #333;
font-weight: bold;
- border: 1px solid #0e5ba3;
- background: #4ea9ff;
+ // 0e5ba3
+ border: 1px solid #ccc;
+ // 4ea9ff
+ background: #fff;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
@@ -125,23 +182,46 @@
.btn-clear {
float: right;
position: absolute;
- top: 10px;
+ top: 4px;
right: 85px;
color: white;
font-weight: bold;
- border: 1px solid #96015b;
- background: #e3195a;
+ // 96015b
+ border: 1px solid #f49a4c;
+ // e3195a
+ background: #f49a4c;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
z-index: 5;
+ }
+
+ .btn-export:hover {
+ color: #f49a4c;
+ border: 1px solid #f49a4c;
+ }
+
+ .btn-clear:hover {
+ background-color: #fff;
+ color: #f49a4c;
+ border: 1px solid #f49a4c;
}
}
}
.drawContent_wall {
width: 100%;
- height: 890px;
+ height: 765px;
+
+ .drawflow {
+ display: flex;
+ flex-direction: column;
+
+ .content {
+ border-top-width: 1px;
+ border-top-style: solid;
+ }
+ }
}
.chapter {
@@ -225,11 +305,11 @@
margin-top: -12%;
.title {
- font-size: 18px;
+ font-size: 16px;
}
.pageStr {
- font-size: 18px;
+ font-size: 16px;
}
}
}
@@ -299,10 +379,10 @@
@media (max-width: 756px) {
.second-con {
- font-size: 18px;
+ font-size: 16px;
.pageNum {
- font-size: 18px !important;
+ font-size: 16px !important;
}
}
}
@@ -337,7 +417,7 @@
border: 1px solid #999;
font-size: 15px;
color: #000;
- background-color: #eee;
+ background-color: #f9f9f9;
}
.imgBox-003 {
@@ -369,10 +449,18 @@
tr td {
border: 1px solid #999;
- text-align: center;
+ text-align: left;
padding: 8px;
overflow: hidden;
white-space: pre-line;
+ font-family: 'FZLTXIHJW';
+ font-weight: normal;
+ font-size: 14px;
+ line-height: 23px;
+
+ input {
+ font-size: 14px;
+ }
textarea {
width: 100%;
@@ -487,7 +575,10 @@
.bk-inputUpload {
width: 100%;
- display: block;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
min-height: 100px;
input {
@@ -497,14 +588,21 @@
}
.btnUpload {
- width: 60px;
- height: 60px;
- border: 2px dashed #f49a4c;
+ width: 30px;
+ height: 30px;
display: flex;
justify-content: center;
align-items: center;
font-size: 50px;
cursor: pointer;
+ margin-left: 10px;
+ }
+
+ .upload_text {
+ color: #000;
+ font-size: 14px;
+ font-weight: 700;
+ font-family: "榛戜綋";
}
}
@@ -597,6 +695,7 @@
}
.p-text {
+ padding: 5px 10px;
p {
line-height: 22px;
@@ -907,7 +1006,7 @@
.tip-specail {
border: 1px solid #f49a4c !important;
- padding: 15px 15px;
+ padding: 10px 15px;
}
p {
@@ -1034,7 +1133,7 @@
}
.imz {
- width: 96%;
+ width: 100%;
text-align: center;
}
@@ -1416,7 +1515,9 @@
width: 100%;
border: 0 !important;
font-size: 16px;
- border-radius: 20px;
+ border-radius: 5px;
+ max-width: 620px;
+ min-width: 500px;
}
}
@@ -1450,10 +1551,10 @@
position: relative;
.block {
- font-size: 18px;
+ font-size: 16px;
line-height: 25px;
font-family: "浠垮畫";
- font-weight: 600;
+ font-weight: 700;
color: #666;
}
}
@@ -1473,6 +1574,120 @@
top: -2em;
}
}
+
+ @media screen and (max-width:800px) {
+ .public-lifeCare .coverImg {
+ position: absolute;
+ top: 25%;
+ left: 0;
+ }
+
+ .chapter {
+
+ .prefaceImg {
+ width: 100% !important;
+ position: absolute;
+ left: 0%;
+ top: 4%;
+ }
+
+ .pdf-content {
+ padding: 20% 5%;
+ box-sizing: border-box;
+ }
+
+ div.bk-tx {
+ textarea {
+ min-width: 275px;
+ }
+ }
+
+ p {
+ margin-top: 0;
+ line-height: 25px;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW'
+ }
+
+ .header .pageHeader-second .second-con .second-right img {
+ height: 30px;
+ position: absolute;
+ left: -35px;
+ top: 0;
+ }
+
+ div.bj1 {
+ padding: 0.01em 1em 0.01em 1em;
+ margin-top: -2em;
+ margin-left: -4em;
+ margin-right: -1em;
+ }
+
+ .img-gn {
+ height: 40px;
+ margin-bottom: -0.4em;
+ }
+
+ h3 {
+ font-family: "FZLTZHJW";
+ font-weight: bold;
+ font-size: 16px;
+ margin-top: 2em;
+ /* margin-bottom: 2em; */
+ text-indent: 0em;
+ }
+
+ h4 {
+ text-align: left;
+ font-family: "FZLTZHJW";
+ font-weight: bold;
+ color: #f49a4c;
+ font-size: 16px;
+ margin-top: 0.2em;
+ margin-bottom: 2em;
+ text-indent: 0em;
+
+ .fontsz1 {
+ width: auto;
+ }
+
+ }
+
+ .bj-tip {
+ top: -25px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ font-family: 'FZLTZHJW';
+
+ div {
+ width: 30px;
+ height: 27px;
+ }
+ }
+
+ p.bj1-qjms {
+ top: -1em;
+ }
+
+ .table111,
+ .table112 {
+ width: 100%;
+ border-collapse: collapse;
+
+ tr th {
+ width: auto !important;
+ }
+ }
+
+
+ .drawContent_wall {
+ margin-bottom: 2em;
+ }
+
+
+ }
+ }
}
body {
--
Gitblit v1.9.1