From 5c23e43fd26c3cce38ac18c1b2f48d28a89960ae Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期五, 25 十月 2024 15:08:25 +0800 Subject: [PATCH] 民航服务心理(样章) --- src/books/civilAviationServices/assets/main.less | 312 ++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 242 insertions(+), 70 deletions(-) diff --git a/src/books/civilAviationServices/assets/main.less b/src/books/civilAviationServices/assets/main.less index afaf281..3d06a0c 100644 --- a/src/books/civilAviationServices/assets/main.less +++ b/src/books/civilAviationServices/assets/main.less @@ -11,11 +11,15 @@ background-color: #fff; } - .c-g{ + .wh-no { + white-space: nowrap; + } + + .c-g { color: green; } - .c-r{ + .c-r { color: red; } @@ -24,10 +28,14 @@ } .mr-0 { - margin: 0 !important; + margin: 0; } .mt-20 { + margin-top: 20px !important; + } + + .mt-30 { margin-top: 30px; } @@ -35,9 +43,17 @@ margin-bottom: 10px; } + .mb-30 { + margin-bottom: 30px !important; + } + + .ma-l { + margin-left: 10%; + } + .pd-5 { padding: 0 5px; - } + } .w100 { width: 100%; @@ -45,6 +61,10 @@ .w80 { width: 80%; + } + + .w20 { + width: 20%; } .fz-13 { @@ -63,6 +83,9 @@ font-size: 18px !important; } + .fz-20 { + font-size: 20px ; + } .img-0 { width: 100%; @@ -77,7 +100,7 @@ } .td-0 { - text-indent: 0em; + text-indent: 0em !important; } .fl { @@ -116,7 +139,7 @@ justify-content: center; } - .jc-sa{ + .jc-sa { justify-content: space-around } @@ -132,9 +155,18 @@ padding-top: 55px; } + .ma-t-30 { + margin-top: 30px; + } + .pad-l-60 { padding-left: 60px; } + + .pad-l-80 { + padding-left: 80px; + } + .mb-45 { margin-bottom: 45px; @@ -171,12 +203,46 @@ background-color: #0082D4; } - .table-tr-bc { - color: #fff; + table { + border-color: none !important; } + .table-th-bc { + background-color: #FEDDB4; + color: #000; + } + + .table-tr-bc { + background-color: #FEF4E4; + color: #000; + } + + .table-textarea { + font-size: 14px; + font-family: "Times New Roman", "瀹嬩綋"; + resize: none; + + &:focus { + outline: none; + } + } + + .textarea-box { + border: none; + text-align: center; + width: 84px; + height: 36px; + overflow: auto; + word-break: break-all; + resize: none; + } + + .b0 { + border: 0; + } + .task { - width: 12%; + width: 16%; margin-bottom: 5em; margin-top: 0; border-top: 0.7em solid #5192C6; @@ -189,6 +255,7 @@ .p-even { padding-left: 10%; } + .img-float { width: 310px; @@ -332,12 +399,12 @@ margin-bottom: 18px; } - // 棰樼洰 - .textarea-box { + // 棰樼洰} + + .textarea-main{ background-color: transparent; - margin-left: 80px; - max-width: 85%; - min-width: 85%; + max-width: 95%; + min-width: 95%; outline: none; } @@ -395,7 +462,57 @@ .event-header-text-bc { background-color: #bbd4ec; + } + + .video-box{ + margin: 20px 0 20px 10% ; + border: 1px dashed #895B2E; + padding: 2% 5%; + } + + .videoname { + display: flex; + justify-content: 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%; + } + + .unitImg{ + position: relative; + z-index: 1; + } + .unitBox{ + z-index: 99; + position: absolute; + top: -15px; + left: 40px; + } + .unitGraphic{ + display: inline-block; + width: 10px; + height: 10px; + background-color: #5192C6; + border-radius: 50%; + margin-right: 15px; + } + .unitText{ + color: #5192C6; + font-size: 18px; + } + // 杩佺Щ .bk-bwh { @@ -667,7 +784,7 @@ p { font-family: "瀹嬩綋"; margin-top: 0.2em; - margin-bottom: 0.2em !important; + margin-bottom: 0.2em; text-indent: 2em; line-height: 30px; // font-size: 18px; @@ -695,8 +812,14 @@ text-indent: 0em; } - .left{ + .left { text-indent: 0em; + margin: 0 !important; + line-height: 20px; + } + + .left3 { + margin: 20 0 0 0 !important; line-height: 20px; } @@ -769,9 +892,8 @@ h2 { font-family: 'FZLTZHJW'; line-height: 2em; - font-weight: bold; + font-weight: 400; color: #5192C6; - font-size: 1.3em; margin-bottom: 0.5cm; margin-top: 0.5cm; } @@ -779,8 +901,8 @@ h3 { font-family: 'FZHTJW'; color: #5192C6; - font-weight: 300; - font-size: 1.2em; + font-weight: 500; + font-size: 1.6em; margin-top: 1.5em; margin-bottom: 5px; text-indent: 0em; @@ -799,13 +921,12 @@ h5 { font-family: 'FZHTJW'; - color: #5192C6; text-align: left; font-weight: 400; margin-bottom: 0.5em; margin-top: 0.5em; - font-size: 0.9em; - text-indent: 0em; + font-size: 18px; + text-indent: 2em; } h6 { @@ -819,12 +940,10 @@ } .zt-h6 { - font-family: 'FZHTJW'; - color: #65C097; margin-bottom: 0.5em; - margin-top: 1em; - font-size: 1.15em; + margin-top: 0.5em; + font-weight: 100; text-indent: 2em; } @@ -924,7 +1043,7 @@ } .zt-ls1 { - color: #000; + color: #1B7EBF; font-size: 16px; font-weight: bold; } @@ -957,46 +1076,74 @@ } .h2-zt1 { - padding: 5px 25px 5px 25px; - border-radius: 10px 0px 0px 10px; - background-color: #5392C7; - font-size: 1.2em; - color: #FFFFFF; + padding: 5px 5px 5px 0px; + color: #5192C6; } .h2-zt2 { padding: 10px; - background-color: #B1DDE0; margin-right: 2em; - color: #FFFFFF; - padding: 5px 50px 5px 25px; - border-radius: 0px 5px 80px 0px; - font-size: 1.2em; + color: #5192C6; + padding: 5px 5px 5px 25px; } .bk { - border: 0.15em dotted #5593C6; + border: 0.15em dashed #5593C6; padding: 0.5em; margin-bottom: 2em; margin-top: 0.5em; - border-radius: 1em; + border-radius: 0em; + position: relative; + } + + .bk1{ + border: 0.15em dashed #CBE6D3; + padding: 1em; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 0em; position: relative; } p.bj1-qjms { - background-color: #5392C7; - color: #FFFFFF; + background-color: #fff; + color: #5192C6; display: inline-block; font-size: 1em; - padding: 0.1em 0.7em 0.12em 0.7em; font-weight: bold; border-radius: 1.5em; margin-left: 0em; text-align: center; text-indent: 0em; position: absolute; - top: -2em; + top: -1.2em; + } + + p.bj2-qjms { + background-color: #fff; + color: #61C29C; + display: inline-block; + font-size: 1.4em; + font-weight: bold; + border-radius: 1.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -1em; + left: 1em; + } + + .span-box { + display: inline-block; + width: 8px; + height: 8px; + background-color: #5192C6; + } + + .span-text { + padding: 0.1em 0.3em 0.12em 0.3em; } .bj { @@ -1005,11 +1152,10 @@ } .bj2 { - background-color: #3D8B9F; - padding: 0.2em 0.8em 0.2em 0.8em; - font-size: 1.3em; + background-color: #5192C6; + padding: 0.2em 0.1em 0.2em 0.1em; font-weight: bold; - border-radius: 0.5em; + border-radius: 0.2em; color: #FFFFFF; } @@ -1024,31 +1170,29 @@ span.bj3-xyx { background-color: #F5A101; color: #FFFFFF; - box-shadow: 0.3em 0.3em 0px 0px #FDF0D8; - border-radius: 1.5em; - padding: 5px 20px 5px 20px; - font-size: 1em; + border-radius: 10px; + padding: 5px 10px 5px 10px; font-weight: bold; - + position: absolute; + top: -15px; } div.bj3-xyx { - margin-top: -3em; - margin-bottom: 1.5em; - margin-left: -3em; + background-color: #FEDDB4; + border-radius: 10px; + + padding: 5% 5%; + position: relative; + // margin-top: -3em; + // margin-bottom: 1.5em; + // margin-left: -3em; } .ts-1 { font-weight: bold; } - .zt-h4 { - background-color: #F0BD40; - padding: 10px; - color: #FFFFFF; - margin-left: -2em; - border-radius: 1.5em; - } + .qyls-h4 { font-family: "HiFont Hei GB"; @@ -1060,21 +1204,42 @@ } .bj4 { - background-color: #D7E2F0; - padding: 10px 20px; + background-color: #CBE6D3; + padding: 30px 15px 10px 15px; border-radius: 0.1em; - margin-bottom: 2em; + margin-bottom: 1em; margin-top: 1em; + position: relative; + } + + .bj4-1 { + background-color: #CBE6D3; + padding: 10px 15px 10px 15px; + border-radius: 0.1em; + margin-bottom: 3em; + margin-top: 1em; + position: relative; + } + + .bj4-2{ + background-color: #D7E2F0; + padding: 30px 15px 10px 15px; + border-radius: 0.1em; + margin-bottom: 1em; + margin-top: 1em; + position: relative; } div.bj4-xyx { font-size: 18px; color: #fff; line-height: 20px; - padding: 12.5px 15px 12.5px 15px; + padding: 1px 10px 1px 8px; margin-right: 10px; - background-color: #5192C6; - border-radius: 5px; + background-color: #61C29C; + border-radius: 10px; + position: absolute; + top: -15px; } .bj4-xyx-icon { @@ -1254,6 +1419,11 @@ } } +// 琛ㄦ牸鏍峰紡 +table { + border-collapse: collapse; //琛ㄦ牸鐨勮竟妗嗗悎骞讹紝濡傛灉鐩搁偦锛屽垯鍏辩敤涓�涓竟妗嗐�� + border-spacing: 0px; //璁剧疆琛屼笌鍗曞厓鏍艰竟妗嗙殑闂磋窛銆� +} @font-face { font-family: 'FZLTZHJW'; @@ -1314,10 +1484,12 @@ .img-float { width: 130px; } + .img-rights { width: 130px; } - .btn-w{ + + .btn-w { width: 42px; } } -- Gitblit v1.9.1