From 13dbb7d053efa1fef63d76ecd5cbebbdbc919a24 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期三, 29 五月 2024 18:26:38 +0800
Subject: [PATCH] 增加体育与健康
---
src/books/lifeCare/css/default.less | 484 ++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 419 insertions(+), 65 deletions(-)
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index a6d7338..04686e4 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -1,9 +1,15 @@
-.public-books {
+.page-main {
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+}
+
+.public-lifeCare {
max-width: 816px;
min-width: 375px;
margin: 0 auto;
- padding-bottom: 100px;
border-color: #f49a4c;
+ height: 100%;
textarea:focus,
input:focus {
@@ -13,7 +19,17 @@
}
textarea {
+ width: 100%;
text-indent: 2em;
+ max-width: 653px;
+ min-height: 100px;
+ }
+
+ .prefaceImg {
+ width: 92% !important;
+ position: absolute;
+ left: 4%;
+ top: 4%;
}
input {
@@ -23,10 +39,107 @@
outline: none;
font-size: 16px;
text-align: center;
+ white-space: pre-line;
}
- .page-content-box {
- font-family: "瀹嬩綋", SimSun, sans-serif;
+ .drawflow {
+ .main-path {
+ stroke: #f49a4c;
+ }
+
+ .drawflow-delete {
+ width: 25px;
+ height: 25px;
+ line-height: 21px;
+ background-color: #f49a4c;
+ font-size: 20px;
+
+ }
+
+ .drawflow-node {
+ background-color: #fff;
+ border:0px solid #f49a4c;
+ box-shadow: 1px 1px 5px 0 #f49a4c;
+
+ .contentWall {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ .contentTitle {
+ margin-bottom: 5px;
+ }
+
+ .contentText {
+ textarea {
+ width: auto;
+ min-height: 50px;
+ margin: 0;
+ outline: none;
+ border-color: #f49a4c;
+ border-radius: 5px;
+ }
+
+ textarea:focus {
+ border: 1px solid #fabf2e !important;
+ }
+ }
+ }
+
+ .input,
+ .output {
+ border-color: #f49a4c;
+ border-width: 1px;
+ }
+ }
+
+ .content {
+ .btn-export {
+ float: right;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ color: white;
+ font-weight: bold;
+ border: 1px solid #0e5ba3;
+ background: #4ea9ff;
+ padding: 5px 10px;
+ border-radius: 4px;
+ cursor: pointer;
+ z-index: 5;
+ }
+
+ .btn-clear {
+ float: right;
+ position: absolute;
+ top: 10px;
+ right: 85px;
+ color: white;
+ font-weight: bold;
+ border: 1px solid #96015b;
+ background: #e3195a;
+ padding: 5px 10px;
+ border-radius: 4px;
+ cursor: pointer;
+ z-index: 5;
+ }
+ }
+ }
+
+ .drawContent_wall {
+ width: 100%;
+ height: 890px;
+ }
+
+ .chapter {
+ font-family: "瀹嬩綋";
+
+ .topImg {
+ padding-top: 0 !important;
+ margin-bottom: 2em;
+ }
p input {
width: 20px;
@@ -34,43 +147,36 @@
.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;
- border-left: 1px solid #dfb27d;
- border-bottom: 1px solid #dfb27d;
- position: absolute;
- right: 30px;
- top: 30px;
+ height: 100%;
+ border-left: 2px solid #dfb27d;
+ border-bottom: 2px solid #dfb27d;
+ margin-left: 18%;
}
.content {
- background-color: #f49a4c;
- width: 740px;
- height: 35px;
- position: absolute;
- left: 25px;
- top: 100px;
+ background-color: #F49A4C;
+ width: 91%;
+ height: 32%;
display: flex;
justify-content: flex-start;
align-items: center;
+ margin-top: -6%;
+ margin-left: 3%;
.pageStr {
- width: 140px;
color: #fff;
- font-size: 28px;
+ font-size: 24px;
text-align: center;
+ margin: 0 20px;
}
.title {
@@ -79,10 +185,40 @@
align-items: center;
color: #fff;
font-size: 20px;
+ position: relative;
img {
height: 30px !important;
margin-right: 20px;
+ }
+
+ .ztImg {
+ height: 40px !important;
+ margin-top: -4px;
+ }
+ }
+ }
+
+ .zt1-content {
+ background-color: #f7b80a;
+ }
+
+ .zt1-header-bj {
+ border-left-color: #a5c24f;
+ border-bottom-color: #a5c24f;
+ }
+
+
+ @media (max-width: 756px) {
+ .content {
+ margin-top: -12%;
+
+ .title {
+ font-size: 18px;
+ }
+
+ .pageStr {
+ font-size: 18px;
}
}
}
@@ -94,6 +230,7 @@
justify-content: center;
align-items: center;
flex-direction: column;
+ padding-top: 3%;
.second-con {
width: 90%;
@@ -104,7 +241,7 @@
font-size: 20px;
position: absolute;
right: 36px;
- top: 60px;
+ top: 80px;
.second-left {
width: 23px;
@@ -138,36 +275,67 @@
font-size: 28px;
color: #fff;
}
+
+ .zt1-pageNum {
+ background-color: #a5c24f;
+ }
+
+ .zt1-pageStr {
+ color: #a5c24f;
+ }
+ }
+ }
+
+ @media (max-width: 756px) {
+ .second-con {
+ font-size: 18px;
+
+ .pageNum {
+ font-size: 18px !important;
+ }
+ }
+ }
+
+ @media (max-width: 1024px) {
+
+ .second-con {
+ right: 20px;
+ top: 75px;
}
}
.borderLine {
width: 93%;
- height: 1px;
+ height: 2px;
background-color: #f49a4c;
margin-top: 105px;
}
+
+ .zt1-boderLine {
+ background-color: #a5c24f;
+ }
}
+
+
+ }
+
+ .textareaInput {
+ width: 100%;
+ padding: 8px;
+ box-sizing: border-box;
+ border: 1px solid #999;
+ font-size: 15px;
+ color: #000;
+ background-color: #eee;
}
.chapter01Table {
width: 100%;
- .textareaInput {
- width: 100%;
- padding: 8px;
- box-sizing: border-box;
- border: 1px solid #999;
- font-size: 15px;
- color: #000;
- background-color: #eee;
- }
-
.textareaInput:focus {
border: 1px solid #999 !important;
}
}
-
.table111,
.table112 {
@@ -179,21 +347,28 @@
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;
+
+ textarea {
+ width: 100%;
+ min-height: 20px;
+ min-width: 80px;
+ border: 0;
+ }
}
}
.table112 {
font-size: 16px;
-
tr th {
width: 50px;
@@ -209,24 +384,160 @@
}
}
+ .table162 {
+ tr th {
+ padding: 8px 0;
+ }
+
+ tr td {
+ border: 1px solid #999;
+ text-align: center;
+ padding: 15px 0;
+ overflow: hidden;
+ }
+ }
+
+ .bk-swdt {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+
+ img {
+ width: 30px;
+ cursor: pointer;
+ }
+ }
+
+ .bk-iframe {
+ width: 1200px;
+ height: 630px;
+ position: fixed;
+ left: -25%;
+ border: 1px solid #f49a4c;
+ z-index: 111;
+ background-color: #fff;
+
+ .header-swdt {
+ height: 30px;
+ color: #000;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ background-color: #f49a4c;
+
+ p {
+ margin: 0;
+ padding: 0;
+ padding-left: 10px;
+ text-indent: 0;
+ }
+
+ i {
+ margin-right: 10px;
+ cursor: pointer;
+ }
+ }
+ }
+
+ .bk-inputUpload {
+ width: 100%;
+ height: 200px;
+
+ input {
+ width: 250px;
+ margin-left: 15px;
+ display: none;
+ }
+
+ .btnUpload {
+ width: 60px;
+ height: 60px;
+ border: 2px dashed #f49a4c;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 50px;
+ cursor: pointer;
+ }
+
+ .btnUpload-list {
+ width: 40px;
+ height: 40px;
+ border: 2px dashed #f49a4c;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 40px;
+ cursor: pointer;
+ }
+ }
+
+ .upload-list {
+ width: 100%;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ flex-wrap: wrap;
+ }
+
+ .demo-image__preview-swdt {
+ width: 100%;
+ height: 100%;
+ }
+
+ .demo-image__preview {
+ width: 200px;
+ height: 100px;
+ border: 1px solid #f49a4c;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ overflow: hidden;
+ }
+
.bj-tip {
+ min-width: 269px;
display: flex;
justify-content: space-around;
align-items: center;
- padding: 3px 14px;
+ padding: 4px 14px;
box-sizing: border-box;
border: 3px solid #f49a4c;
border-radius: 30px;
position: absolute;
- top: -30px;
+ top: -25px;
left: 15px;
- background-color: #FFF;
+ background-color: #fff;
color: #f49a4c;
font-weight: bold;
font-size: 18px;
- img {
- margin-left: 15px;
+ div {
+ width: 35px;
+ height: 30px;
+ border-radius: 5px;
+ background-color: #f49a4c;
+ border: 1px solid #f49a4c;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-left: 5px;
+ cursor: pointer;
+
+ svg {
+ fill: #fff;
+ }
+ }
+
+ div:hover {
+ background-color: #fff;
+ border: 1px solid #f49a4c;
+
+ svg {
+ fill: #f49a4c;
+ }
}
}
@@ -241,6 +552,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 {
@@ -275,7 +609,7 @@
}
.pdf-content {
- padding: 0 5%;
+ padding: 5% 5%;
box-sizing: border-box;
}
@@ -439,13 +773,16 @@
margin: 15px;
}
+ .img-gn-zt {
+ width: 180px;
+ }
+
div.bodystyle {
font-size: 18px;
text-align: justify;
padding: 10% 10%;
- padding-top: 25%;
- line-height: 30px;
box-sizing: border-box;
+ font-family: '瀹嬩綋';
}
div.bj {
@@ -528,6 +865,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;
@@ -547,6 +893,7 @@
margin-left: 0%;
margin-right: 0%;
text-indent: 0em;
+ color: #666;
}
.center1 {
@@ -560,6 +907,7 @@
text-indent: 0em;
margin-left: 0%;
margin-right: 0%;
+ /* width: 23%; */
}
.right {
@@ -592,7 +940,7 @@
}
h2 {
- font-family: "瀹嬩綋";
+ font-family: "FZLTZHJW";
font-weight: bold;
font-size: 1.2em;
margin-top: 0.2em;
@@ -605,9 +953,11 @@
#b003,
#b004,
#b005,
- #b006 {
- position: absolute;
- top: 0;
+ #b006,
+ #b007,
+ #b008,
+ #b009 {
+ margin-bottom: 100px;
}
h3 {
@@ -625,7 +975,7 @@
color: #f49a4c;
font-size: 1.1em;
margin-top: 0.2em;
- margin-bottom: 1em;
+ margin-bottom: 40px;
text-indent: 0em;
}
@@ -644,7 +994,7 @@
}
.img-0 {
- width: 60%;
+ width: 100%;
}
.imz {
@@ -788,10 +1138,10 @@
-moz-text-emphasis-style: dot;
-ms-text-emphasis-style: dot;
text-emphasis-style: dot;
- -webkit-text-emphasis-position: under;
- -moz-text-emphasis-position: under;
- -ms-text-emphasis-position: under;
- text-emphasis-position: under;
+ -webkit-text-emphasis-position: under left;
+ -moz-text-emphasis-position: under left;
+ -ms-text-emphasis-position: under left;
+ text-emphasis-position: under left;
}
.fieldset {
@@ -891,7 +1241,7 @@
}
.img-gn {
- height: 3.2em;
+ height: 45px;
margin-bottom: -0.4em;
}
@@ -988,11 +1338,6 @@
margin-right: -1em;
}
- .block {
- font-size: 18px;
- line-height: 30px;
- }
-
.bk-h3 {
border: 3px solid #f49a4c;
padding: 0.7em;
@@ -1061,11 +1406,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