From 875bedcb1163a3e0b80640c1f5f2fa17520f9b54 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期四, 27 二月 2025 11:36:23 +0800 Subject: [PATCH] 分页完成并体育与健康pdf查看器修改 --- src/books/preschoolEvaluation/assets/main.less | 266 ++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 214 insertions(+), 52 deletions(-) diff --git a/src/books/preschoolEvaluation/assets/main.less b/src/books/preschoolEvaluation/assets/main.less index 0012be2..2a28226 100644 --- a/src/books/preschoolEvaluation/assets/main.less +++ b/src/books/preschoolEvaluation/assets/main.less @@ -16,6 +16,10 @@ max-width: 400px; } + .c-p { + cursor: pointer; + } + .foreword { line-height: 10px !important; margin-top: 0; @@ -114,6 +118,7 @@ sup { + cursor: pointer; vertical-align: super; /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */ font-size: smaller; @@ -155,6 +160,19 @@ .fm-st { font-family: "瀹嬩綋"; + } + + .fm-fzfs { + font-family: "鏂规浠垮畫绠�浣�"; + } + + + .fm-fzdbs { + font-family: "鏂规澶ф爣瀹�"; + } + + .fm-fzss{ + font-family: "鏂规涔﹀畫"; } .img-0 { @@ -525,8 +543,8 @@ .table-th-bc { - color: #00AEEF; - background-color: #C6EAFA; + color: #000; + background-color: #fff; line-height: 25px; } @@ -557,8 +575,8 @@ } .table-title-bc { - background-color: #8091BC; - color: #fff; + background-color: #fff; + color: #000; line-height: 25px; } @@ -668,7 +686,7 @@ position: relative; } - .video-img{ + .video-img { position: absolute; top: -20px; left: -20px; @@ -713,6 +731,7 @@ .continued { text-align: right; margin: 0%; + margin-right: 5%; } @@ -972,6 +991,38 @@ list-style-type: none; } + + @font-face { + font-family: '鏂规浠垮畫绠�浣�'; + src: url('./Fonts/FZFSJW.TTF'); + } + + + @font-face { + font-family: '鏂规绮楀渾'; + src: url('./Fonts/FZY4K.TTF'); + } + + @font-face { + font-family: '鏂规涔﹀畫'; + src: url('./Fonts/FZSSK.TTF'); + } + + @font-face { + font-family: '鏂规澶ф爣瀹�'; + src: url('./Fonts/FZDBSK.TTF'); + } + + @font-face { + font-family: '鏂规绮楀��'; + src: url('./Fonts/FZCQK.TTF'); + } + + @font-face { + font-family: '鏂规灏忔爣瀹�'; + src: url('./Fonts/FZXBSK.TTF'); + } + @font-face { font-family: 'FZLTZHJW'; src: url('Fonts/FZLTZHJW.ttf'); @@ -1124,14 +1175,31 @@ margin: 0 14%; padding-bottom: 10%; line-height: 30px; - hr { - font-weight: 800; - margin-left: 0; - margin-top: 10px; - margin-bottom: 10px; - width: 25%; - } } + + hr { + font-weight: 800; + margin-left: 0; + margin-top: 10px; + margin-bottom: 10px; + width: 25%; + } + + .unit-hr{ + width: 100% ; + border: 0; + border-top: 1px dashed #00ADF2; + } + + .special-hr{ + height: 2px; + width: 69%; + border: 0; + border-top: 1px solid #00ADF2; + border-bottom: 1px solid #00ADF2; + } + + span.zt-0 { color: #0087AF; @@ -1193,14 +1261,16 @@ } .note { - font-size: 14px; + line-height: 22px; + margin: 0%; + font-size: 13px; } .block { - - color: #00ADEF; + font-family: "kaiti"; + } .block1 { @@ -1237,7 +1307,6 @@ text-align: center; font-size: 0.8em; margin-left: 0%; - margin-right: 2em; text-indent: 0em; } @@ -1245,9 +1314,9 @@ text-indent: 2em; margin-top: 0; margin-bottom: 0.2em; - line-height: 27px; + line-height: 25px; text-align: justify; - font-family: "瀹嬩綋"; + font-family: "鏂规涔﹀畫"; } .cover { @@ -1289,6 +1358,12 @@ text-align: right; margin-left: 0%; margin-right: 0%; + } + + .right2 { + text-align: right; + margin-left: 0%; + margin-right: 5%; } .left1 { @@ -1361,9 +1436,9 @@ .front { - font-family: 'FZLTZHJW'; - font-weight: bold; - font-size: 1.8em; + font-family: '鏂规绮楀渾'; + font-weight: 100; + font-size: 1.5em; color: #00ADEF; margin-top: 0.5em; margin-bottom: 0.5em; @@ -1374,9 +1449,9 @@ padding-right: 5px; } - .front1{ - font-family: 'FZLTZHJW'; - font-weight: bold; + .front1 { + font-family: '鏂规绮楀渾'; + font-weight: 100; font-size: 1.5em; color: #00ADEF; margin-top: 0.5em; @@ -1384,7 +1459,7 @@ text-indent: 0em; text-align: right; border-right: #000 solid 1px; - padding-right: 5px; + padding-right: 5px; } @@ -1452,9 +1527,9 @@ h3 { - font-family: 'FZHTJW'; + font-family: '鏂规澶ф爣瀹�'; color: #03AFED; - font-weight: bold; + font-weight: 400; text-align: center; font-size: 1.5em; margin-bottom: 1.2em; @@ -1463,14 +1538,14 @@ } h4 { - font-family: 'FZHTJW'; - font-weight: bold; + font-family: '鏂规绮楀��'; + font-weight: 400; color: #03AFED; margin-bottom: 0.5em; - margin-top: 1em; - font-size: 1.3em; + margin-top: 0.5em; + font-size: 1.12em; text-indent: 2em; - margin-left: 1.5em; + padding-left: 3em; } .h4-zt { @@ -1485,11 +1560,12 @@ h5 { - font-family: 'FZHTJW'; + font-family: '鏂规灏忔爣瀹�'; + font-weight: 100; border-radius: 1em; margin-bottom: 0.2em; margin-top: 0.2em; - font-size: 1.1em; + font-size: 1em; color: #03AFED; text-indent: 2em; } @@ -1506,11 +1582,11 @@ } .h6-zt { - font-weight: bold; + font-weight: 100; font-family: 'FZHTJW'; color: #00ADEF; margin-bottom: 0.5em; - margin-top: 1em; + margin-top: 0.5em; font-size: 1.05em; text-indent: 2em; } @@ -1643,9 +1719,10 @@ .zt-ls1 { color: #00ADEF; - font-weight: bold; - font-size: 1.2em; + font-weight: 400; + font-size: 1em; text-indent: 0em; + font-family: "鏂规澶ф爣瀹�"; } .zt-ls { @@ -1713,10 +1790,11 @@ display: flex; } - .bk-txt{ + .bk-txt { border-left: #00ADEF solid 1px; padding: 10px 10px; - p{ + + p { font-family: "kaiti"; font-size: 15px; text-indent: 0; @@ -1736,9 +1814,6 @@ margin-left: -0.5em; } - - - div.bk2 { border: 2px dashed #00ADEF; padding: 3px 10px 3px 10px; @@ -1749,16 +1824,102 @@ div.bk3 { background-color: #C7EAFD; border: 2px solid #12C1F8; - padding: 3px 10px 3px 10px; + padding: 45px 19px 3px 19px; margin-top: 2em; margin-bottom: 1em; + position: relative; + } + + .bk3-titOne { + position: absolute; + top: -25.5px; + left: 20%; + } + + .bk3-titTwo { + position: absolute; + top: -25.5px; + left: 38%; + } + + .bk3-titThree { + position: absolute; + top: -25.5px; + right: 38%; + } + + .bk3-titFour { + position: absolute; + top: -25.5px; + 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: 2px solid #00BCF1; + border-right: 2px solid #00BCF1; + 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: 2px solid #00BCF1; + border-right: 2px solid #00BCF1; + 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: 2px solid #00BCF1; + border-right: 2px solid #00BCF1; + 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: 2px solid #00BCF1; + border-right: 2px solid #00BCF1; + position: absolute; + bottom: -5.5px; + right: -2px; + /* 鏃嬭浆褰㈡垚鎵囧舰 */ } div.bk4 { border: 2px solid #00ADEF; padding: 1px; - margin-top: 2em; + margin-top: 1em; margin-bottom: 1em; } @@ -1768,6 +1929,7 @@ margin-left: 0.1em; margin-top: 0.1em; margin-bottom: 0.1em; + padding: 10px 5px; } @@ -1907,8 +2069,6 @@ } .rwmb-3 { - margin-bottom: -0.3em; - margin-top: 0.1em; height: 2em; } @@ -2364,14 +2524,14 @@ position: relative; } -.header-left-text{ +.header-left-text { font-size: 14px; margin-left: 10px; padding-left: 10px; border-left: #00ADEF solid 2px; } -.header-left-img{ +.header-left-img { position: absolute; top: 60px; left: 19%; @@ -2379,14 +2539,16 @@ } -.headerTextImg{ +.headerTextImg { width: 2%; margin-right: 5px; } -.headerText{ + +.headerText { font-size: 14px; } -.headerRightNumber{ + +.headerRightNumber { font-size: 14px; border-left: #00ADEF solid 1px; padding-left: 10px; -- Gitblit v1.9.1