From 2b341fe108541b286ffcf02cdc9ec618cb99a1fb Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期二, 11 二月 2025 11:05:20 +0800 Subject: [PATCH] 婴幼儿游戏活动实施全本分页 --- src/books/toddlerGameImplementation/assets/main.less | 157 +++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 112 insertions(+), 45 deletions(-) diff --git a/src/books/toddlerGameImplementation/assets/main.less b/src/books/toddlerGameImplementation/assets/main.less index 4db25df..55725ab 100644 --- a/src/books/toddlerGameImplementation/assets/main.less +++ b/src/books/toddlerGameImplementation/assets/main.less @@ -154,6 +154,10 @@ text-indent: 0em !important; } + // .td-{ + + // } + .td-1 { text-indent: 1em !important; } @@ -242,6 +246,10 @@ padding-left: 60px; } + .mb-25 { + margin-bottom: 25px; + } + .mb-45 { margin-bottom: 45px; } @@ -273,7 +281,7 @@ position: relative; padding-bottom: 5px; - span{ + span { position: absolute; top: 33%; left: 25%; @@ -287,6 +295,7 @@ text-align: center; border-radius: 15px; position: relative; + span { position: absolute; left: 56%; @@ -395,7 +404,7 @@ margin-left: 20px; p { - margin: 0 !important; + margin: 0; } } @@ -482,8 +491,20 @@ width: 150px; } + .w140 { + width: 140px; + } + .w135 { width: 135px; + } + + .w130 { + width: 130px; + } + + .w120 { + width: 120px; } .w115 { @@ -527,6 +548,22 @@ font-size: 14px; } } + + .jc-img { + margin-bottom: -5px; + cursor: pointer; + } + + + .textarea-box { + width: 100%; + overflow: auto; + word-break: break-all; + resize: none; + border: 1px solid #01AFEE; + border-radius: 5px; + background-color: rgba(255, 255, 255, 0); +} .table-title-bc { background-color: #8091BC; @@ -888,18 +925,18 @@ } } - .inputChoice{ - display: flex; - align-items: center; - - input{ - margin: 0 5px; - cursor: pointer; - } + .inputChoice { + display: flex; + align-items: center; - span{ - cursor: pointer; - } + input { + margin: 0 5px; + cursor: pointer; + } + + span { + cursor: pointer; + } } .parimary-btn { @@ -1070,22 +1107,20 @@ } - .bodystyle:nth-of-type(odd) { - font-family: 'FZLTXIHJW'; - text-align: justify; - margin: 0 12% 0 8%; - padding-bottom: 80px; - line-height: 30px; - - - hr { - font-weight: 800; - margin-left: 0; - margin-top: 10px; - margin-bottom: 10px; - width: 25%; - } - } + // .bodystyle:nth-of-type(odd) { + // font-family: 'FZLTXIHJW'; + // text-align: justify; + // margin: 0 11% 0 9%; + // padding-bottom: 80px; + // line-height: 30px; + // // hr { + // // font-weight: 800; + // // margin-left: 0; + // // margin-top: 10px; + // // margin-bottom: 10px; + // // width: 25%; + // // } + // } .bodystyle:nth-of-type(even) { font-family: 'FZLTXIHJW'; @@ -1187,9 +1222,9 @@ font-family: 'FZLTXIHJW'; text-align: center; font-size: 12px; - margin-left: 0%; - margin-right: 0%; + margin: 15px 0 !important; text-indent: 0em; + color: #00AFEF; } .img1 { @@ -1302,7 +1337,7 @@ line-height: 2em; color: #01AFEE; font-weight: bold; - font-size: 1.9em; + font-size: 2.2em; margin-bottom: 20px; margin-top: -0.5em; text-indent: 0em; @@ -1353,8 +1388,8 @@ color: #03AFED; font-weight: bold; font-size: 1.3em; - margin-bottom: 1em; - margin-top: 1em; + margin-bottom: 0.5em; + margin-top: 0.7em ; text-indent: 0em; } @@ -1362,8 +1397,8 @@ font-family: 'FZHTJW'; font-weight: bold; color: #03AFED; - margin-bottom: 0.5em; - margin-top: 1em; + margin-bottom: 0.2em; + margin-top: 0.2em; font-size: 1.2em; text-indent: 1em; } @@ -1372,8 +1407,8 @@ font-family: 'FZHTJW'; color: #03AFED; - margin-bottom: 0.5em; - margin-top: 1em; + margin-bottom: 0.2em; + margin-top: 0.2em; font-size: 1.15em; text-indent: 2em; } @@ -1507,6 +1542,10 @@ margin-right: 0.5em; } + .ls1 { + color: #00B1F5; + } + .zt-ls1 { color: #000; font-size: 16px; @@ -1576,6 +1615,10 @@ border-radius: 1.5em; margin-bottom: 1em; position: relative; + p{ + font-size: 12px; + line-height: 20px; + } } div.bk1 { @@ -1629,9 +1672,29 @@ background: #E2F4FE; border: 2px solid #3EC9F4; padding: 20px 10px; - margin-top: 2em; + margin-top: 1em; margin-bottom: 1em; position: relative; + } + + .bk2::after { + content: ''; + position: absolute; + right: -2px; + bottom: -2px; + width: 0; + height: 0; + border-bottom: 20px solid #fff; + /* 涓夎褰㈢殑鍙宠竟妗� */ + border-left: 20px solid #3EC9F4; + /* 涓夎褰㈢殑搴曡竟妗� */ + border-right: 0px solid #fff; + /* 涓夎褰㈢殑宸﹁竟妗� */ + display: block; + } + + .bk2.show-after::after { + display: none; } .zysx { @@ -1738,7 +1801,7 @@ .bj5 { position: absolute; - width: 98%; + width: 98.5%; height: 85px; background-color: #C7EAFD; border-radius: 1em; @@ -1761,6 +1824,10 @@ top: -15px; left: -25px; + } + + .f-kai{ + font-family: "kaiti"; } @@ -1845,9 +1912,9 @@ .rwmb-1 { margin-left: -2.6em; - margin-bottom: 0.2em; - margin-top: 0.5em; - height: 3.5em; + margin-bottom: 0.5em; + margin-top: 1em; + height: 4em; } .rwmb-2 { @@ -1859,14 +1926,14 @@ .rwmb-3 { position: absolute; - top: -15px; + top: -11px; left: 5px; margin-bottom: 15px; } .rwmb-4 { position: absolute; - top: -10px; + top: -7px; left: 20px; margin-bottom: 15px; } -- Gitblit v1.9.1