From 263992109e5b4d76e545fc2bc4e2e1753af22567 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 07 五月 2025 17:05:43 +0800
Subject: [PATCH] 0~3 岁婴幼儿认知与语言发展及教育样章完成
---
src/books/toddlerSportsSafetyProtection/assets/main.less | 373 +++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 344 insertions(+), 29 deletions(-)
diff --git a/src/books/toddlerSportsSafetyProtection/assets/main.less b/src/books/toddlerSportsSafetyProtection/assets/main.less
index 2ae8ba0..c10785a 100644
--- a/src/books/toddlerSportsSafetyProtection/assets/main.less
+++ b/src/books/toddlerSportsSafetyProtection/assets/main.less
@@ -44,7 +44,7 @@
}
.mt-30 {
- margin-top: 30px;
+ margin-top: 30px !important;
}
.mt-70 {
@@ -188,6 +188,10 @@
justify-content: space-around
}
+ .ml-40 {
+ margin-left: 40px;
+ }
+
.mr-70 {
margin-right: 70px;
}
@@ -229,7 +233,7 @@
margin-bottom: 30px !important;
}
- .page-father{
+ .page-father {
display: flex;
}
@@ -238,58 +242,150 @@
padding: 0 !important;
margin: 0 !important;
- img{
+ img {
margin-left: 70%;
width: 30%;
height: auto;
}
}
-
.headerText {
- width: 25%;
+ width: 17%;
margin-left: 75%;
padding: 80px 0px 5px 0px;
background-color: #7acab4;
color: #fff;
font-size: 12px;
text-align: center;
- border-radius: 0 0 10px 10px;
+ border-radius: 0 0 10px 10px;
margin-bottom: 10px;
+ line-height: 15px;
}
.headerNumber {
font-size: 12px;
border: 1px solid #7acab4;
- border-radius: 0 5px 5px 0;
+ border-radius: 0 5px 5px 0;
border-left: none;
padding: 5px 10px;
text-align: right;
color: #7acab4;
}
+
.header-right {
- padding: 4% 0;
+ min-height: 100%;
+ overflow: hidden;
+ min-width: 12%;
+ padding: 0 !important;
margin: 0 !important;
+ position: relative;
+
}
+ .header-right-imgBottom {
+ position: absolute;
+ bottom: -2%;
+
+ }
+
+ .header-right-img {
+ width: 100%;
+ display: inline-block;
+ justify-content: center;
+ padding-top: 40%;
+ height: 59%;
+ min-height: 600px;
+
+ img {
+ width: 35%;
+ height: auto;
+ }
+ }
+
+ .header-right-imgTop {
+ width: 22%;
+ margin-bottom: -5px;
+ margin-left: 10px;
+ }
+
+
.header-right-Text {
+ color: #7acab4;
font-family: "鏂规缁嗗渾";
font-size: 14px;
- padding-top: 20px;
+ padding: 5px 0;
+ width: 17%;
+ margin-left: 10%;
+ margin-right: 70%;
+ background-color: transparent;
+ border: 1px solid #7acab4;
+ border-radius: 3px;
+ font-size: 12px;
+ text-align: center;
+ }
+
+ .header-right-Text-bottom {
+ line-height: 15px;
+ width: 17%;
+ padding: 5px 0px 80px 0px;
+ background-color: #7acab4;
+ color: #fff;
+ font-size: 12px;
+ text-align: center;
+ border-radius: 5px 5px 0px 0px;
+ margin-bottom: 10px;
+ margin-left: 11.5%;
+ margin-top: 5%;
}
.header-right-Number {
- position: relative;
- width: 15%;
+ border: 1px solid #7acab4;
+ border-radius: 5px 0 0 5px;
+ border-right: none;
+ padding: 5px 10px;
+ text-align: left;
+ color: #7acab4;
+ margin-bottom: 10px;
+ font-size: 12px;
span {
font-family: "鏂规缁嗗渾";
- font-size: 14px;
+ font-size: 12px;
position: absolute;
left: 25%;
bottom: 20%;
}
+ }
+
+ /*浜岀骇鏍囬绔犳爣*/
+ .secondsubHead-1 {
+ text-align: left;
+ line-height: 1.1em;
+ font-size: 1em;
+ text-indent: 0em;
+ margin: 20% auto 0.3em auto;
+ color: #888888;
+ }
+
+ .secondsubHead-2 {
+ font-family: "鏂规鏂版姤瀹�";
+ background-color: #7acab4;
+ display: inline-block;
+ align-items: center;
+ text-align: left;
+ color: #fff;
+ border-radius: 10px;
+ padding: 0px 10px;
+ text-indent: 0em;
+ font-size: 22px;
+ line-height: 28px;
+ }
+
+ .tipes {
+ background-color: #e2f2ed;
+ border: 2px solid #96d3c1;
+ padding: 10px;
}
@@ -316,6 +412,15 @@
&:focus {
outline: none;
}
+ }
+ // 鏂囨湰妗�
+ .textarea-question {
+ border-color: #7acab4 !important;
+ }
+
+ .textarea-question:focus {
+ outline: none;
+ /* 绉婚櫎榛樿鐨勭劍鐐硅疆寤� */
}
.textarea-box {
@@ -447,6 +552,10 @@
width: 220px;
}
+ .w210 {
+ width: 210px;
+ }
+
.w200 {
width: 200px;
}
@@ -538,6 +647,11 @@
font-weight: 500;
}
+ .fm-kt {
+ font-family: "kaiti" !important;
+ font-weight: 500;
+ }
+
.fm-hyss {
font-family: "姹変华涔﹀畫";
}
@@ -579,6 +693,27 @@
width: 100%;
height: 280px;
margin-bottom: 18px;
+ }
+
+
+ .imgBox {
+ display: flex !important;
+ flex-direction: column-reverse !important;
+ position: relative !important;
+
+ .img {
+ color: #7acab4;
+ margin: 0 !important;
+ font-size: 14px !important;
+ position: absolute !important;
+ left: 50% !important;
+ transform: translateX(-50%);
+ bottom: -2% !important;
+ }
+
+ img {
+ height: 80%;
+ }
}
// 棰樼洰
@@ -647,8 +782,8 @@
}
.video-box {
- margin: 20px 0 20px 8%;
- border: 1px dashed #895B2E;
+ margin: 20px 0 20px 0;
+ border: 1px solid #96d3c1;
padding: 2% 2%;
}
@@ -908,8 +1043,15 @@
div.bodystyle {
text-align: justify;
margin: 13% 13% 10% 3%;
- padding-bottom: 80px;
line-height: 30px;
+ min-width: 70%;
+ }
+
+ div.bodystyle-left {
+ text-align: justify;
+ margin: 13% 3% 10% 13%;
+ line-height: 30px;
+ min-width: 70%;
}
.UnitCover {
@@ -970,7 +1112,7 @@
text-align: justify;
}
- .block1 {
+ .tl-c {
text-align: center;
}
@@ -994,7 +1136,7 @@
p {
- font-family: "鏂规涔﹀畫";
+ font-family: "鏂规鏂版姤瀹�";
margin-top: 0em;
margin-bottom: 0.2em;
text-indent: 2em;
@@ -1066,6 +1208,15 @@
width: 20%;
}
+ .img-h {
+ width: 20%;
+ }
+
+ .img-15 {
+ width: 15%;
+ }
+
+
.img-i {
width: 10%;
}
@@ -1094,15 +1245,19 @@
}
.seriesTitle {
+ display: inline-block;
font-size: 1.5em;
color: #fff;
font-weight: 400;
- background-color: #7acab4;
- width: 30%;
padding-left: 1%;
padding-right: 8%;
- background: linear-gradient(135deg, #7acab4, #7acab4 50%, transparent 50%, transparent 100%);
- margin-bottom: 10%;
+ background: linear-gradient(135deg, #7acab4, #7acab4 80%, transparent 50%, transparent 100%);
+ margin-bottom: 5px;
+ margin-top: 5px;
+
+ span{
+ width: auto;
+ }
}
.rotate-up {
@@ -1119,6 +1274,120 @@
color: #7acab4;
line-height: 10px;
}
+
+ .g-pic {
+ height: 2.5em;
+ vertical-align: middle;
+ }
+
+ .content {
+ line-height: 25px;
+ }
+
+ .titleQuot-c {
+ font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+ font-size: 1.2em;
+ line-height: 1.3em;
+ margin: 1em auto;
+ text-align: center;
+ font-weight: bold;
+ }
+
+
+ div.bk3 {
+ background-color: #d6ece5;
+ border: 1px solid #7acab4;
+ padding: 25px 19px 20px 19px;
+ margin-top: 2em;
+ margin-bottom: 1em;
+ position: relative;
+ }
+
+ .bk3-titOne {
+ position: absolute;
+ top: -18px;
+ left: 20%;
+ }
+
+ .bk3-titTwo {
+ position: absolute;
+ top: -18px;
+ left: 38%;
+ }
+
+ .bk3-titThree {
+ position: absolute;
+ top: -18px;
+ right: 38%;
+ }
+
+ .bk3-titFour {
+ position: absolute;
+ top: -18px;
+ right: 20%;
+ }
+
+ .bk3-top {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(90deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ top: -2px;
+ left: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
+ .bk3-top-right {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(180deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ top: -2px;
+ right: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
+
+ .bk3-bottom {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(360deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ bottom: -5.5px;
+ left: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
+ .bk3-bottom-right {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(270deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ bottom: -5.5px;
+ right: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
h1.firstTitle {
padding: 0% 0 10% 0;
@@ -1148,12 +1417,6 @@
margin-left: -5%;
}
- h2 {
- text-align: center;
- color: #00aeef;
- font-family: "鏂规鍏颁涵绾ょ粏";
- font-size: 1.5em;
- }
.titleQuot-l {
text-indent: 0em;
@@ -1166,10 +1429,23 @@
font-family: "鏂规鍏颁涵绾ょ粏";
font-size: 1.1em;
margin: 15px 0 10px 0;
+ font-weight: bold;
}
.quotation {
- font-family: "kaiti";
+ font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+ font-size: 0.95em;
+ text-align: left;
+ text-indent: 2em;
+ margin: 0.1em auto;
+ color: #5A5A5A;
+ line-height: 30px;
+ }
+
+ .titleQuot-1 {
+ font-family: "鏂规涔﹀畫";
+ color: #7acab4;
+ font-size: 1.1em;
}
/*搴曡壊*/
@@ -1213,7 +1489,15 @@
}
.imgdescript {
+ color: #7acab4;
font-size: 13px;
+ text-indent: 0em;
+ text-align: center;
+ }
+
+ .imgdescript-title {
+ color: #7acab4;
+ font-size: 15px;
text-indent: 0em;
text-align: center;
}
@@ -1232,8 +1516,9 @@
}
.bold {
- color: #b0ddcf;
+ // color: #b0ddcf;
font-weight: bold;
+ font-family: "鏂规涔﹀畫";
}
.noteContent {
@@ -1254,9 +1539,27 @@
}
}
+.dialogQuestion {
+ background-color: #7ed0aa;
+ height: 80px;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ cursor: pointer;
+
+ span {
+ color: #fff;
+ font-size: 16px;
+ padding: 0 40px 0 20px;
+
+ }
+}
+
.pdfModal {
width: 100%;
height: 90vh;
+
.pdfBox-component {
width: 100%;
@@ -1369,6 +1672,13 @@
}
}
+.examination {
+ height: calc(100% - 50px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ box-sizing: border-box;
+}
+
.header_title {
display: flex;
justify-content: space-between;
@@ -1394,6 +1704,11 @@
src: url('./Fonts/hyg6gjm.ttf');
}
+@font-face {
+ font-family: '鏂规鏂版姤瀹�';
+ src: url('./Fonts/FZNBSK.TTF');
+}
+
// @font-face {
// font-family: '姹変华涔﹀畫';
// src: url('./Fonts/hya1gjm.ttf');
--
Gitblit v1.9.1