From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 28 四月 2025 18:34:51 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/toddlerGameImplementation/assets/main.less | 318 +++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 234 insertions(+), 84 deletions(-) diff --git a/src/books/toddlerGameImplementation/assets/main.less b/src/books/toddlerGameImplementation/assets/main.less index c98bd07..a45ccb2 100644 --- a/src/books/toddlerGameImplementation/assets/main.less +++ b/src/books/toddlerGameImplementation/assets/main.less @@ -40,6 +40,14 @@ margin-left: 9%; } + .ml-8 { + margin-left: 8%; + } + + .ml-20 { + margin-left: 20px; + } + .ml-2e { margin-left: 2em; } @@ -63,6 +71,10 @@ .mt-50 { margin-top: 50px !important; + } + + .mb-40 { + margin-bottom: 40px !important; } .mb-20 { @@ -135,7 +147,15 @@ } .fm-kt { - font-family: "kaiti"; + font-family: "kaiti" !important; + } + + .fm-KH { + font-family: "鏂规鍏颁涵鍒婇粦"; + } + + .fm-鏂规涔﹀畫{ + font-family: "鏂规涔﹀畫"; } .img-0 { @@ -153,6 +173,10 @@ .td-0 { text-indent: 0em !important; } + + // .td-{ + + // } .td-1 { text-indent: 1em !important; @@ -242,6 +266,10 @@ padding-left: 60px; } + .mb-25 { + margin-bottom: 25px; + } + .mb-45 { margin-bottom: 45px; } @@ -273,7 +301,7 @@ position: relative; padding-bottom: 5px; - span{ + span { position: absolute; top: 33%; left: 25%; @@ -290,8 +318,9 @@ span { position: absolute; - left: 50%; + left: 56%; top: 35%; + transform: translateX(-50%); } } @@ -395,7 +424,7 @@ margin-left: 20px; p { - margin: 0 !important; + margin: 0; } } @@ -482,8 +511,20 @@ width: 150px; } + .w140 { + width: 140px; + } + .w135 { width: 135px; + } + + .w130 { + width: 130px; + } + + .w120 { + width: 120px; } .w115 { @@ -523,9 +564,28 @@ line-height: 25px; p { - font-family: 'Times New Roman', Times, serif; - font-size: 14px; + font-family: '鏂规缁嗙瓑绾�'; + font-size: 13.5px; } + } + + .jc-img { + margin-bottom: -5px; + cursor: pointer; + } + + sup{ + 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 { @@ -681,6 +741,7 @@ .continued { text-align: right; margin: 0%; + margin-right: 30px; } @@ -734,7 +795,7 @@ span { font-size: 14px; text-align: center; - font-family: 'FZLTXIHJW'; + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; display: flex; align-items: center; justify-content: flex-start; @@ -888,17 +949,18 @@ } } - .inputChoice{ - display: flex; - align-items: center; + .inputChoice { + display: flex; + align-items: center; - input{ - margin: 0 5px; - } + input { + margin: 0 5px; + cursor: pointer; + } - span{ - - } + span { + cursor: pointer; + } } .parimary-btn { @@ -1069,13 +1131,12 @@ } - .bodystyle:nth-of-type(odd) { - font-family: 'FZLTXIHJW'; + .page-box:nth-child(even) .bodystyle { + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; text-align: justify; - margin: 0 12% 0 8%; + margin: 0 10% 0 8%; padding-bottom: 80px; line-height: 30px; - hr { font-weight: 800; @@ -1086,12 +1147,20 @@ } } - .bodystyle:nth-of-type(even) { - font-family: 'FZLTXIHJW'; + .page-box:nth-child(odd) .bodystyle { + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; text-align: justify; - margin: 0 9% 0 11%; + margin: 0 8% 0 10%; padding-bottom: 80px; line-height: 30px; + + hr { + font-weight: 800; + margin-left: 0; + margin-top: 10px; + margin-bottom: 10px; + width: 25%; + } } @@ -1156,8 +1225,9 @@ .note { margin: 0; - font-size: 14px; + font-size: 12px; line-height: 22px; + font-family: "鏂规涔﹀畫"; } .block { @@ -1183,26 +1253,27 @@ } .img { - font-family: 'FZLTXIHJW'; + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; text-align: center; - font-size: 12px; - margin-left: 0%; - margin-right: 0%; + font-size: 14px; + font-weight: bold; + margin: 5px 0 0 0 !important; text-indent: 0em; + color: #000; } .img1 { - font-family: 'FZLTXIHJW'; - text-align: right; - font-size: 0.85em; - margin-left: 0%; - margin-right: 2em; + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; + text-align: center; + font-size: 11px; + margin: 5px 0 0 0 !important; text-indent: 0em; + color: #00ADEF; } p { - font-family: '瀹嬩綋'; + font-family: '鏂规浠垮畫'; margin-top: 0.2em; margin-bottom: 0.2em; text-indent: 2em; @@ -1288,20 +1359,20 @@ h1 { - font-family: 'FZLTZHJW'; + font-family: '鏂规绮楀渾'; color: #01AFEE; - font-weight: bold; - font-size: 1.6em; + font-weight: 400; + font-size: 2em; text-align: center; text-indent: 0em; } .h1-zt { - font-family: 'FZLTZHJW'; - line-height: 2em; + font-family: '鏂规绮楀渾'; + line-height: 45px; color: #01AFEE; - font-weight: bold; - font-size: 1.9em; + font-weight: 400; + font-size: 2.42em; margin-bottom: 20px; margin-top: -0.5em; text-indent: 0em; @@ -1314,7 +1385,7 @@ } .front { - font-family: 'FZLTZHJW'; + font-family: '鏂规鍏颁涵涓粦绠�浣�'; font-weight: bold; font-size: 1.1em; color: #00ADEF; @@ -1327,53 +1398,53 @@ h2 { - font-family: 'FZHTJW'; + font-family: '鏂规涓矖闆呭畫'; color: #00ADEF; font-weight: 400; font-size: 1.6em; margin-bottom: 0em; margin-top: 0.3em; - text-indent: 2em; + text-indent: 3em; line-height: 1.3em; } .h2-zt { - font-family: 'FZHTJW'; + font-family: '鏂规涓矖闆呭畫'; color: #00ADEF; font-weight: 400; font-size: 1.4em; margin-top: 0em; - text-indent: 2.2em; - padding: 10px 0; + text-indent: 3.3em; + padding: 5px 0px 5px 0; } h3 { - font-family: 'FZHTJW'; + font-family: '鏂规涓矖闆呭畫'; color: #03AFED; - font-weight: bold; - font-size: 1.3em; - margin-bottom: 1em; - margin-top: 1em; + font-weight: 400; + font-size: 1.2em; + margin-bottom: 0.5em; + margin-top: 0.5em; text-indent: 0em; } h4 { - font-family: 'FZHTJW'; - font-weight: bold; + font-family: '鏂规涓矖闆呭畫'; + font-weight: 400; color: #03AFED; - margin-bottom: 0.5em; - margin-top: 1em; - font-size: 1.2em; + margin-bottom: 0.2em; + margin-top: 0.2em; + font-size: 1.1em; text-indent: 1em; } h5 { - - font-family: 'FZHTJW'; + font-family: '鏂规榛戜綋绠�浣�'; + font-weight: 100; color: #03AFED; - margin-bottom: 0.5em; - margin-top: 1em; - font-size: 1.15em; + margin-bottom: 0.2em; + margin-top: 0.2em; + font-size: 1em; text-indent: 2em; } @@ -1394,7 +1465,7 @@ } .zt-h6 { - font-family: 'FZHTJW'; + font-family: '鏂规榛戜綋绠�浣�'; color: #65C097; margin-bottom: 0.5em; margin-top: 1em; @@ -1404,7 +1475,7 @@ .bb { font-family: "cnepub", serif; - font-family: 'FZHTJW'; + font-family: '鏂规榛戜綋绠�浣�'; color: #66CCCC; font-size: 1.1em; margin-top: 10px; @@ -1506,6 +1577,10 @@ margin-right: 0.5em; } + .ls1 { + color: #00B1F5; + } + .zt-ls1 { color: #000; font-size: 16px; @@ -1515,8 +1590,8 @@ .ls2 { color: #00B1F5; - font-weight: 500; - font-size: 1.1em; + font-weight: bold; + font-size: 1em; line-height: 30px; } @@ -1570,11 +1645,16 @@ div.bk { border: 2px solid #3FC6F6; box-shadow: 8px 8px 0px 0px #B0E2F9; - padding: 16px 10px; + padding: 20px 10px 10px 10px; margin-top: 2em; - border-radius: 1.5em; + border-radius: 1.03em; margin-bottom: 1em; position: relative; + + p { + font-size: 13px; + line-height: 20px; + } } div.bk1 { @@ -1627,10 +1707,35 @@ div.bk2 { background: #E2F4FE; border: 2px solid #3EC9F4; - padding: 20px 10px; - margin-top: 2em; + padding: 10px 10px 20px 10px; + margin-top: 1em; margin-bottom: 1em; position: relative; + + p{ + font-family: "鏂规鍏颁涵鍒婇粦"; + font-size: 13.5px; + } + } + + .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 { @@ -1679,6 +1784,10 @@ margin-bottom: 2em; margin-left: 0.6em; box-shadow: 0 0 30px rgba(135 209 243); + + p{ + font-family: "鏂规鍏颁涵鍒婇粦"; + } } .title { @@ -1737,7 +1846,7 @@ .bj5 { position: absolute; - width: 98%; + width: 98.5%; height: 85px; background-color: #C7EAFD; border-radius: 1em; @@ -1760,6 +1869,10 @@ top: -15px; left: -25px; + } + + .f-kai { + font-family: "kaiti"; } @@ -1844,9 +1957,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 { @@ -1858,14 +1971,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; } @@ -1914,7 +2027,7 @@ color: #fff; font-weight: 900; font-size: 16px; - font-family: 'FZLTXIHJW'; + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; span:nth-child(2):hover { cursor: pointer; @@ -1926,7 +2039,7 @@ color: #fff; font-weight: 900; font-size: 16px; - font-family: 'FZLTXIHJW'; + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; } } @@ -1977,7 +2090,7 @@ color: #fff; font-weight: 900; font-size: 16px; - font-family: 'FZLTXIHJW'; + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; span:nth-child(2):hover { cursor: pointer; @@ -1989,7 +2102,7 @@ color: #fff; font-weight: 900; font-size: 16px; - font-family: 'FZLTXIHJW'; + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; } } } @@ -2001,7 +2114,7 @@ // color: #fff; font-weight: 900; font-size: 16px; - font-family: 'FZLTXIHJW'; + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; span:nth-child(2):hover { cursor: pointer; @@ -2009,18 +2122,52 @@ } + + @font-face { - font-family: 'FZLTZHJW'; + font-family: '鏂规浠垮畫'; + src: url('./Fonts/FZFSK.TTF'); +} + +@font-face { + font-family: '鏂规鍏颁涵鍒婇粦'; + src: url('./Fonts/FZLTKHK.TTF'); +} + + +@font-face { + font-family: '鏂规涔﹀畫'; + src: url('./Fonts/FZSSK.TTF'); +} + +@font-face { + font-family: '鏂规缁嗙瓑绾�'; + src: url('./Fonts/FZXDXK.TTF'); +} + + +@font-face { + font-family: '鏂规绮楀渾'; + src: url('./Fonts/FZY4K.TTF'); +} + +@font-face { + font-family: '鏂规涓矖闆呭畫'; + src: url('./Fonts/FZZCYSK.ttf'); +} + +@font-face { + font-family: '鏂规鍏颁涵涓粦绠�浣�'; src: url('./Fonts/FZLTZHJW.ttf'); } @font-face { - font-family: 'FZLTXIHJW'; + font-family: '鏂规鍏颁涵缁嗛粦绠�浣�'; src: url('./Fonts/FZLTXIHJW.ttf'); } @font-face { - font-family: 'FZHTJW'; + font-family: '鏂规榛戜綋绠�浣�'; src: url('./Fonts/FZHTJW.ttf'); } @@ -2077,6 +2224,9 @@ padding: 0 20px; } + .page-box { + min-height: 500px; + } .img-float { width: 130px; -- Gitblit v1.9.1