From d539ff4e3376b889d212e90db1c3434f4b0de8d0 Mon Sep 17 00:00:00 2001 From: litian <2804272236@qq.com> Date: 星期五, 24 一月 2025 10:27:34 +0800 Subject: [PATCH] 托育 --- src/books/aviationEtiquette/assets/main.less | 335 ++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 279 insertions(+), 56 deletions(-) diff --git a/src/books/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less index 96d7c92..9b48708 100644 --- a/src/books/aviationEtiquette/assets/main.less +++ b/src/books/aviationEtiquette/assets/main.less @@ -10,6 +10,36 @@ box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; } + .foreword{ + font-family: 'FZLTZHJW'; + font-weight: 300; + font-size: 1.5em; + color: #6E85AF; + margin-top: 0; + margin-bottom: 0; + text-indent: 0em; + } + .topBorder{ + width:120px; + border-top: 1px solid #6E85AF; + border-bottom: 1px solid #6E85AF; + height: 2px; + } + .bottomBorder{ + width:180px; + border-top: 1px solid #6E85AF; + border-bottom: 1px solid #6E85AF; + height: 2px; + } + input[type="radio"] { + accent-color:#6E85AF !important; + cursor: pointer; + } + input[type="checkbox"] { + accent-color:#6E85AF !important; + cursor: pointer; + } + .wh-no { white-space: nowrap; @@ -48,12 +78,12 @@ margin-top: 30px; } - .mb-10 { - margin-bottom: 10px; - } - .mb-30 { margin-bottom: 30px !important; + } + + .ml-35 { + margin-left: 35px; } .ma-l { @@ -228,6 +258,35 @@ margin-bottom: 20px !important; } + .mb-10 { + margin-bottom: 10px !important; + } + .pNum{ + font-size:18px !important; + font-style: italic; + font-family: "kaiti"; + padding-top:2px !important; + padding-bottom:2px !important; + } + + .p-Num{ + background-color: #92B0D5; + color: #fff; + font-size: 14px; + padding: 3px 0; + padding-right: 8px; + font-size: 18px; + font-style: italic; + font-family: "kaiti"; + padding-top:2px !important; + padding-bottom:2px !important; + } + + + .cloud{ + padding: 0px 8px 0 0 !important; + } + .headerImg { width: 30px; } @@ -247,14 +306,14 @@ .header-left-Number { color: #728DC0; - font-size: 17px; + font-size: 14px; padding-right: 8px; .span-box-title { margin: 0 5px; display: inline-block; - width: 10px; - height: 10px; + width: 8px; + height: 8px; background-color: #728DC0; } } @@ -267,7 +326,7 @@ .header-right-Box { color: #728DC0; - font-size: 17px; + font-size: 14px; padding-right: 8px; } @@ -275,11 +334,12 @@ .header-right-Number { background-color: #92B0D5; color: #fff; - // font-size: 17px; + font-size: 14px; + padding: 3px 0; padding-right: 8px; img { - height: 16.8px; + height: 21px; } } @@ -289,13 +349,17 @@ } .header-right-last { + font-size: 17px; background-color: #B799B6; + padding: 2px 0; padding-left: 20px; } .header-right-end { + font-size: 17px; background-color: #738DC0; + padding: 2px 0; padding-left: 50px; } @@ -326,13 +390,20 @@ } .textarea-box { - border: none; - text-align: center; - width: 84px; - height: 36px; + width:88%; + margin-left:2em; overflow: auto; word-break: break-all; resize: none; + border:1px solid #738DC0; + border-radius: 5px; + background-color:rgba(255, 255, 255, 0); + } + .input-box{ + border:none; + border-bottom:1px solid #333; + background-color:rgba(255, 255, 255, 0); + outline: none; } @@ -579,7 +650,27 @@ margin-bottom: 18px; } - // 棰樼洰} + + .imgBox { + display: flex !important; + flex-direction: column-reverse !important; + position: relative !important; + + .img { + margin: 0 !important; + font-size: 14px !important; + position: absolute !important; + left: 50% !important; + transform: translateX(-50%); + bottom: -2% !important; + } + + img { + height: 80%; + } + } + + // 棰樼洰 .textarea-main { background-color: transparent; @@ -643,9 +734,14 @@ .event-header-text-bc { background-color: #bbd4ec; } + //瑙嗛 + .video-box-cover { + border: 1px dashed #895B2E; + padding: 2% 2%; + } .video-box { - margin: 20px 0 20px 8%; + margin: 20px 0 20px 0; border: 1px dashed #895B2E; padding: 2% 2%; } @@ -763,7 +859,6 @@ li { list-style-type: none; } - .custom_tag2 { background-color: #F1BE49; @@ -895,10 +990,18 @@ margin: 15px; } - div.bodystyle { + .bodystyle:nth-of-type(odd) { font-family: 'FZLTXIHJW'; text-align: justify; - margin: 0 10%; + margin: 0 11% 0 9%; + padding-bottom: 80px; + line-height: 30px; + } + + .bodystyle:nth-of-type(even) { + font-family: 'FZLTXIHJW'; + text-align: justify; + margin: 0 9% 0 11%; padding-bottom: 80px; line-height: 30px; } @@ -967,19 +1070,31 @@ } - - .block {} + .block { + font-family: "FangSong"; + margin-top: 0.2em; + margin-bottom: 0.2em !important; + text-indent: 2em; + line-height: 30px; + font-size: 17px; + text-align: justify; + } .block1 { text-align: center; } + .block2 { + font-family: "KaiTi"; + font-size: 15px; + } + .img { - font-weight: bold; + font-weight: 100; font-family: 'FZLTXIHJW'; text-align: center; - font-size: 0.85em; + font-size: 0.65em; margin-left: 0%; margin-right: 0%; text-indent: 0em; @@ -1027,8 +1142,8 @@ .left { text-indent: 0em; - margin-left: 0%; - margin-right: 0%; + margin: 0 !important; + line-height: 20px; } .left2 { @@ -1037,6 +1152,10 @@ font-weight: bold; margin-left: 0%; margin-right: 0%; + } + .left3 { + margin: 0 !important; + line-height: 20px; } .right { @@ -1158,17 +1277,17 @@ } h5 { - font-family: 'FZHTJW'; color: #EEAF68; margin-bottom: 0.5em; margin-top: 1em; font-size: 1.05em; text-indent: 2em; + font-weight: 100; } h6 { - + font-weight: 100; font-family: "妤蜂綋"; color: #000000; margin-bottom: 0.2em; @@ -1287,13 +1406,15 @@ font-size: 1.2em; padding: 25px; border: 4px dotted #197ABF; + .block{ + font-family: "kaiti"; + } } .zt-ls1 { - color: #197BBC; - font-size: 1.2em; + color: #000; + font-size: 16px; font-weight: bold; - } span.lsyq-1 { @@ -1346,16 +1467,16 @@ border: 0.15em dotted #FAAD70; padding: 1em; margin-bottom: 2em; - margin-top: 0.5em; + margin-top: 2em; border-radius: 0em; position: relative; p { - font-family: ZHONGDENGXIAN; + // font-family: ZHONGDENGXIAN; } span { - font-family: ZHUNYUAN; + // font-family: ZHUNYUAN; } } @@ -1381,7 +1502,7 @@ .span-text { font-size: 16px; font-weight: 100; - padding: 0em 0.15em 0em 0.3em; + padding: 0em 0.5em 0em 0.5em; } @@ -1402,10 +1523,10 @@ span.bj2 { background-color: #6E85AF; - padding: 0.2em 1em 0.2em 1em; + padding: 0.2em 0.5em 0.2em 0.5em; font-size: 1.1em; font-weight: bold; - border-radius: 0.5em; + border-radius: 1em; color: #FFFFFF; box-shadow: 0.3em 0.3em 0px 0px #C3C2C0; } @@ -1460,6 +1581,10 @@ margin-left: -0.6em; margin-right: -0.6em; margin-top: -0.5em; + + } + div.bj3 p{ + font-family: 'FangSong' !important; } span.bj3-xyx { @@ -1495,6 +1620,38 @@ margin-top: -2em; margin-left: -1.6em; } + + + .bk-video{ + border: 0.15em dashed #92A1CB; + padding: 1.8em 5px; + margin-bottom: 2em; + margin-top: 2em; + border-radius: 0em; + position: relative; + } + + p.bj4-qjms { + background-color: #fff; + color: #92A1CB; + font-size: 20px; + font-weight: bold; + border-radius: 1.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -32px; + } + + .span-text-video { + padding: 0em 0.15em 0em 0.3em; + } + + .span-svg { + padding: 0.3em 0.15em 0em 0.3em; + } + .ts-1 { font-weight: bold; @@ -1642,13 +1799,13 @@ .bk5 { - margin-top: -2em; - margin-bottom: 1.5em; + margin-top: -1.4em; + margin-bottom: 0.5em; margin-left: -1.6em; } .h3-zt1 { - padding: 0.25em; + padding: 0.26em 0.7em; background-color: #EEAF68; color: #FFFFFF; } @@ -1739,18 +1896,42 @@ @font-face { font-family: 'FZLTZHJW'; src: url('./Fonts/FZLTZHJW.ttf'); -} - -@font-face { + } + + @font-face { font-family: 'FZLTXIHJW'; src: url('./Fonts/FZLTXIHJW.ttf'); -} - -@font-face { + } + + @font-face { font-family: 'FZHTJW'; src: url('./Fonts/FZHTJW.ttf'); -} - + } + + @font-face { + font-family: 'FANGSONG'; + src: url('./Fonts/fangSong.ttf'); + } + + @font-face { + font-family: 'FANGZHENG'; + src: url('./Fonts/fangZheng.ttf'); + } + + @font-face { + font-family: 'ZHUNYUAN'; + src: url('./Fonts/zhunyuan.ttf'); + } + + @font-face { + font-family: 'ZHONGDENGXIAN'; + src: url('./Fonts/zhongdengxian.ttf'); + } + + @font-face { + font-family: 'BOYA'; + src: url('./Fonts/boYa.ttf'); + } // 闅愯棌椤甸潰 .hidePage { @@ -1762,11 +1943,7 @@ /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ @media screen and (max-width: 1024px) { - .pdfModal { - width: 100%; - height: 80vh; - } - + .custom-dialog { .el-dialog { width: 90vw !important; @@ -1775,10 +1952,7 @@ } @media screen and (max-width: 800px) { - .pdfModal { - width: 100%; - height: 60vh; - } + .custom-dialog { .el-dialog { @@ -1789,7 +1963,56 @@ @media (max-width: 660px) { .aviationEtiquette-book { + .header-right-Number{ + font-size: 9px; + img{ + height: 16px; + } + } + + .header-left-Number{ + font-size: 9px; + } + + .pad-r-80{ + padding-right: 10px; + } + + .pad-l-80{ + padding-left: 10px; + } + + h1{ + font-size: 1em; + } + + h2 { + font-size: 0.9em; + margin-top: 1.8em; + margin-bottom: 1.5em; + margin-left: 2.5em; + } + .rwmb-4{ + margin-top: 1.5em; + height: 1.5em; + } + + .header-right-last{ + font-size: 10px; + } + + .header-right-end{ + font-size: 10px; + } + + .p-Num{ + font-size: 12px; + } + + .mr-70 { + margin-right: 10px; + } /* 鍒嗛〉padding */ .padding-93 { padding: 0 20px; -- Gitblit v1.9.1