From 088ec07f231e195427e10e6822f97d58ef8fbdba Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期五, 27 十二月 2024 15:20:21 +0800 Subject: [PATCH] 1 --- src/books/aviationSafety/assets/main.less | 341 ++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 316 insertions(+), 25 deletions(-) diff --git a/src/books/aviationSafety/assets/main.less b/src/books/aviationSafety/assets/main.less index c1495a2..d6d242d 100644 --- a/src/books/aviationSafety/assets/main.less +++ b/src/books/aviationSafety/assets/main.less @@ -2,6 +2,52 @@ width: 100%; height: 100%; + // 瑙嗛 + .video-box-cover { + border: 1px dashed #895B2E; + padding: 2% 2%; + } + + .video-box { + margin: 20px 0 20px 8%; + border: 1px dashed #895B2E; + padding: 2% 2%; + } + + .video-box-left { + margin: 20px 8% 20px 0; + border: 1px dashed #895B2E; + padding: 2% 2%; + } + + .videoname { + display: flex; + justify-content: center; + } + + .selectInput { + width: 20px; + outline: none; + border: 0; + text-align: center; + } + + .collect-btn { + cursor: pointer; + width: 20px; + height: 20px; + margin-left: 10px; + margin-top: 0.8%; + } + + .collect-btn1 { + cursor: pointer; + width: 10px; + height: 10px; + margin-left: 10px; + margin-top: 0.8%; + } + // 鑷畾涔夊唴瀹� .page-box { box-sizing: border-box; @@ -11,7 +57,7 @@ background-color: #fff; } - .foreword{ + .foreword { line-height: 10px !important; margin-top: 0; } @@ -29,7 +75,7 @@ } .mr-0 { - margin: 0; + margin: 0 !important; } .mr-9 { @@ -44,6 +90,10 @@ margin-left: 2em; } + .mt--25 { + margin-top: -25px !important; + } + .mt-10 { margin-top: 10px !important; } @@ -53,7 +103,8 @@ } .mt-30 { - margin-top: 30px; + margin-top: 30px !important; + ; } .mt-50 { @@ -81,11 +132,131 @@ } + p { + text-indent: 0em; + line-height: 20px; + } +} + +.table-title-bc { + background-color: #8091BC; + color: #fff; + line-height: 25px; +} + +.table-textarea { + font-size: 14px; + font-family: "Times New Roman", "瀹嬩綋"; + resize: none; + + &:focus { + outline: none; + } +} + +.table-input-border { + width: 80%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } +} + +.table-input-border-w20 { + width: 20%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } +} + +.table-input-border-w15 { + width: 15%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } +} + +.table-input-border-w10 { + width: 10%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } +} + +.table-input-border-w5 { + width: 5%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } +} + +.input-bottom-border { + width: 11%; + background-color: transparent; + border: 0; + border-bottom: 1px solid #000; + + &:focus { + outline: none; + } +} + +.input-bottom-border1 { + width: 33%; + background-color: transparent; + border: 0; + border-bottom: 1px solid #000; + + &:focus { + outline: none; + } +} + + +.input-bottom-border2 { + width: 21.5%; + background-color: transparent; + border: 0; + border-bottom: 1px solid #000; + + &:focus { + outline: none; + } +} + +// 缁〃 +.continued { + text-align: right; + margin: 0%; +} + + +.text-rights { + width: 230px; + float: right; + height: auto; + margin: auto; + margin-left: 20px; + .w80 { width: 80%; } - + .b0 { border: 0; } @@ -129,6 +300,10 @@ .td-0 { text-indent: 0em !important; + } + + .td-1 { + text-indent: 1em !important; } .td-2 { @@ -191,6 +366,10 @@ margin-right: 10px; } + .mr-5 { + margin-right: 5px; + } + .ma-l { margin-left: 10%; } @@ -246,6 +425,10 @@ background-color: #6D84AE; } + .radioClass { + margin: 0 0 0 4px !important; + + } .task-u2-c { @@ -357,13 +540,18 @@ } } + .w430 { + width: 430px; + } + .w395 { width: 395px; } - .w430 { - width: 430px; + .w365 { + width: 365px; } + .w300 { width: 300px; @@ -379,6 +567,10 @@ .w270 { width: 270px; + } + + .w260 { + width: 260px; } .w250 { @@ -399,6 +591,10 @@ .w200 { width: 200px; + } + + .w190 { + width: 190px; } .w180 { @@ -455,10 +651,17 @@ .table-tr-bc { background-color: #E7DFEC; line-height: 25px; + p { text-indent: 0em; line-height: 20px; } + } + + .table-title-bc { + background-color: #8091BC; + color: #fff; + line-height: 25px; } .table-textarea { @@ -483,7 +686,30 @@ .input-bottom-border { - width: 15%; + width: 11%; + background-color: transparent; + border: 0; + border-bottom: 1px solid #000; + + &:focus { + outline: none; + } + } + + .input-bottom-border1 { + width: 33%; + background-color: transparent; + border: 0; + border-bottom: 1px solid #000; + + &:focus { + outline: none; + } + } + + + .input-bottom-border2 { + width: 21.5%; background-color: transparent; border: 0; border-bottom: 1px solid #000; @@ -523,7 +749,6 @@ flex-direction: column; justify-content: space-between; align-items: flex-start; - margin-bottom: 20px; p { margin: 0; @@ -547,7 +772,6 @@ margin-right: 15px; padding: 0 15px; border-radius: 5px; - margin-top: 15px; span { font-size: 14px; @@ -628,6 +852,25 @@ margin-bottom: 18px; } + .imgBox { + display: flex !important; + flex-direction: column-reverse !important; + position: relative !important; + + .img { + margin: 0 !important; + font-size: 16px !important; + position: absolute !important; + left: 50% !important; + transform: translateX(-50%); + bottom: -2% !important; + } + + img { + height: 80%; + } + } + // 棰樼洰 .textarea-box { background-color: transparent; @@ -648,8 +891,8 @@ background-color: transparent; margin-left: 2em; margin-right: 9%; - max-width: 85%; - min-width: 85%; + max-width: 95%; + min-width: 95%; outline: none; } @@ -1085,9 +1328,9 @@ margin-top: 1em; } - h1.jz{ - text-align:center; - text-indent:0em; + h1.jz { + text-align: center; + text-indent: 0em; } .front { @@ -1128,7 +1371,7 @@ h4 { font-family: 'FZHTJW'; - font-weight: bold; + font-weight: 500; margin-bottom: 0.5em; margin-top: 1em; font-size: 1.1em; @@ -1332,11 +1575,11 @@ border-radius: 0em; position: relative; - p{ + p { font-family: ZHONGDENGXIAN; } - span{ + span { font-family: ZHUNYUAN; } } @@ -1365,7 +1608,6 @@ font-weight: 100; padding: 0em 0.15em 0em 0.3em; } - .bk1 { @@ -1400,15 +1642,64 @@ box-shadow: 0.3em 0.3em 0px 0px #C3C2C0; } + div.bk2 { + border: 3px solid #93A8D5; + padding: 0.2em 1em 0.2em 1em; + border-radius: 1em; + box-shadow: 0.5em 0.5em 0px 0px #DCDDDF; + margin-top: 2em; + margin-bottom: 1.5em; + } - .bj3 { - background-color: #F1F5E7; - padding: 20px 10px 10px 10px; - border-radius: 10px; - margin-bottom: 10px; - margin-top: 40px; - position: relative; + .zysx { + margin-top: -1.7em; + margin-left: -2em; + } + + + .zt-zysx { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + background-color: #24b8bc; + border-radius: 1.5em; + color: #FFFFFF; + font-weight: bold; + padding: 4px; + font-size: 1.2em; + box-shadow: 0.2em 0.2em 0px 0px #c1e3e4; + } + + .zt-zysx1 { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + background-color: #96A7D5; + border-radius: 1.5em; + color: #FFFFFF; + font-weight: 100; + padding: 4px; + font-size: 1.2em; + } + + .zt-zysx2 { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + background-color: #0071BD; + font-size: 1.2em; + } + + .zt-1 { + color: #6F84AF; + font-weight: bold; + font-size: 1.1em; + + } + + div.bj3 { + background-color: #DED5E8; + padding: 1em 1em 1em 1.5em; + border-radius: 1em; + margin-bottom: 0.2em; + margin-left: -0.6em; + margin-right: -0.6em; + margin-top: -0.7em; } span.bj3-xyx { -- Gitblit v1.9.1