From fe8fa03517cc04f99a4ed467559861e765160830 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期五, 27 十二月 2024 16:35:26 +0800
Subject: [PATCH] 1
---
src/books/aviationSafety/assets/main.less | 834 +++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 520 insertions(+), 314 deletions(-)
diff --git a/src/books/aviationSafety/assets/main.less b/src/books/aviationSafety/assets/main.less
index c1495a2..db995d8 100644
--- a/src/books/aviationSafety/assets/main.less
+++ b/src/books/aviationSafety/assets/main.less
@@ -1,147 +1,155 @@
.aviationSafety-book {
- width: 100%;
- height: 100%;
+ width: 100%;
+ height: 100%;
- // 鑷畾涔夊唴瀹�
- .page-box {
- box-sizing: border-box;
- min-height: 1128px;
- margin-bottom: 20px;
- box-shadow: 0 3px 6px 1px #00000029;
- background-color: #fff;
- }
+ // 鑷畾涔夊唴瀹�
+ .page-box {
+ box-sizing: border-box;
+ min-height: 1128px;
+ margin-bottom: 20px;
+ box-shadow: 0 3px 6px 1px #00000029;
+ background-color: #fff;
+ }
- .foreword{
- line-height: 10px !important;
- margin-top: 0;
- }
+ .foreword {
+ line-height: 10px !important;
+ margin-top: 0;
+ }
- .c-g {
- color: green;
- }
+ .c-g {
+ color: green;
+ }
- .c-r {
- color: red;
- }
+ .c-r {
+ color: red;
+ }
- .t-right {
- text-align: right;
- }
+ .t-right {
+ text-align: right;
+ }
- .mr-0 {
- margin: 0;
- }
+ .mr-0 {
+ margin: 0 !important;
+ }
- .mr-9 {
- margin-right: 9%;
- }
+ .mr-9 {
+ margin-right: 9%;
+ }
- .ml-9 {
- margin-left: 9%;
- }
+ .ml-9 {
+ margin-left: 9%;
+ }
- .ml-2e {
- margin-left: 2em;
- }
+ .ml-2e {
+ margin-left: 2em;
+ }
- .mt-10 {
- margin-top: 10px !important;
- }
+ .mt--25{
+ margin-top: -25px !important;
+ }
- .mt-20 {
- margin-top: 20px !important;
- }
+ .mt-10 {
+ margin-top: 10px !important;
+ }
- .mt-30 {
- margin-top: 30px;
- }
+ .mt-20 {
+ margin-top: 20px !important;
+ }
- .mt-50 {
- margin-top: 50px !important;
- }
+ .mt-30 {
+ margin-top: 30px !important;;
+ }
- .mb-20 {
- margin-bottom: 20px !important;
- }
+ .mt-50 {
+ margin-top: 50px !important;
+ }
- .mb-10 {
- margin-bottom: 10px;
- }
+ .mb-20 {
+ margin-bottom: 20px !important;
+ }
- .pd-5 {
- padding: 0 5px;
- }
+ .mb-10 {
+ margin-bottom: 10px;
+ }
- .w100 {
- width: 100%;
- }
+ .pd-5 {
+ padding: 0 5px;
+ }
- .w90 {
- width: 90%;
- }
+ .w100 {
+ width: 100%;
+ }
+
+ .w90 {
+ width: 90%;
+ }
- .w80 {
- width: 80%;
- }
-
-
- .b0 {
- border: 0;
- }
-
- sup {
- vertical-align: super;
- /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */
- font-size: smaller;
- // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */
- // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */
- }
-
- .fz-13 {
- font-size: 13px !important;
- }
-
- .fz-14 {
- font-size: 14px !important;
- }
-
- .fz-15 {
- font-size: 15px !important;
- }
-
- .fz-16 {
- font-size: 16px !important;
- }
-
- .fz-18 {
- font-size: 18px !important;
- }
+ .w80 {
+ width: 80%;
+ }
- .img-0 {
- width: 100%;
- }
+ .b0 {
+ border: 0;
+ }
- .pt-20 {
- padding-top: 20px;
- }
+ sup {
+ vertical-align: super;
+ /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */
+ font-size: smaller;
+ // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */
+ // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */
+ }
- .td-0 {
- text-indent: 0em !important;
- }
+ .fz-13 {
+ font-size: 13px !important;
+ }
- .td-2 {
- text-indent: 2em !important;
- }
+ .fz-14 {
+ font-size: 14px !important;
+ }
- .fl {
- display: flex;
- }
+ .fz-15 {
+ font-size: 15px !important;
+ }
- .ju-cn {
- justify-content: center;
- }
+ .fz-16 {
+ font-size: 16px !important;
+ }
+
+ .fz-18 {
+ font-size: 18px !important;
+ }
+
+
+ .img-0 {
+ width: 100%;
+ }
+
+ .pt-20 {
+ padding-top: 20px;
+ }
+
+ .td-0 {
+ text-indent: 0em !important;
+ }
+
+ .td-1 {
+ text-indent: 1em !important;
+ }
+
+ .td-2 {
+ text-indent: 2em !important;
+ }
+
+ .fl {
+ display: flex;
+ }
+
+ .ju-cn {
+ justify-content: center;
+ }
.ju-ev {
justify-content: space-evenly;
@@ -189,6 +197,10 @@
.mr-10 {
margin-right: 10px;
+ }
+
+ .mr-5 {
+ margin-right: 5px;
}
.ma-l {
@@ -246,6 +258,10 @@
background-color: #6D84AE;
}
+ .radioClass{
+ margin: 0 0 0 4px !important;
+
+ }
.task-u2-c {
@@ -357,13 +373,18 @@
}
}
+ .w430 {
+ width: 430px;
+ }
+
.w395 {
width: 395px;
}
- .w430 {
- width: 430px;
+ .w365 {
+ width: 365px;
}
+
.w300 {
width: 300px;
@@ -379,6 +400,10 @@
.w270 {
width: 270px;
+ }
+
+ .w260 {
+ width: 260px;
}
.w250 {
@@ -399,6 +424,10 @@
.w200 {
width: 200px;
+ }
+
+ .w190 {
+ width: 190px;
}
.w180 {
@@ -455,10 +484,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 {
@@ -472,7 +508,7 @@
}
.table-input-border {
- width: 90%;
+ width: 80%;
background-color: transparent;
border: 0;
@@ -481,9 +517,69 @@
}
}
+ .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: 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;
@@ -491,6 +587,51 @@
&:focus {
outline: none;
}
+ }
+ // 瑙嗛
+ .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;
+ }
+
+ .sInput {
+ width: 60px;
+ border: 0;
+ outline: none;
+ 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%;
}
// 缁〃
@@ -523,7 +664,6 @@
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
- margin-bottom: 20px;
p {
margin: 0;
@@ -547,7 +687,6 @@
margin-right: 15px;
padding: 0 15px;
border-radius: 5px;
- margin-top: 15px;
span {
font-size: 14px;
@@ -628,6 +767,25 @@
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-box {
background-color: transparent;
@@ -648,8 +806,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 +1243,9 @@
margin-top: 1em;
}
- h1.jz{
- text-align:center;
- text-indent:0em;
+ h1.jz {
+ text-align: center;
+ text-indent: 0em;
}
.front {
@@ -1128,7 +1286,7 @@
h4 {
font-family: 'FZHTJW';
- font-weight: bold;
+ font-weight: 500;
margin-bottom: 0.5em;
margin-top: 1em;
font-size: 1.1em;
@@ -1197,7 +1355,7 @@
}
.img-a {
- width: 95%;
+ width: 96%;
}
.img-b {
@@ -1332,11 +1490,11 @@
border-radius: 0em;
position: relative;
- p{
+ p {
font-family: ZHONGDENGXIAN;
}
- span{
+ span {
font-family: ZHUNYUAN;
}
}
@@ -1365,7 +1523,6 @@
font-weight: 100;
padding: 0em 0.15em 0em 0.3em;
}
-
.bk1 {
@@ -1400,15 +1557,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 {
@@ -1570,268 +1776,268 @@
}
.pdfModal {
- width: 100%;
- height: 90vh;
+ width: 100%;
+ height: 90vh;
- .pdfBox-component {
- width: 100%;
- height: 100%;
- position: relative;
+ .pdfBox-component {
+ width: 100%;
+ height: 100%;
+ position: relative;
- .preview {
- width: 100%;
- height: 100%;
+ .preview {
+ width: 100%;
+ height: 100%;
- .imageBox {
- height: calc(100% - 30px);
- overflow-x: hidden;
- overflow-y: auto;
- background: #ccc;
- box-sizing: border-box;
- }
+ .imageBox {
+ height: calc(100% - 30px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: #ccc;
+ box-sizing: border-box;
+ }
- .imageBox:hover {
- cursor: zoom-in !important;
- }
+ .imageBox:hover {
+ cursor: zoom-in !important;
+ }
- ::v-deep .el-dialog__header {
- background-color: rgba(0, 0, 0, 0.8);
+ ::v-deep .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
- .header_title {
- display: flex;
- justify-content: space-between;
- align-items: center;
- color: #fff;
- font-weight: 900;
- font-size: 16px;
- font-family: 'FZLTXIHJW';
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
- span:nth-child(2):hover {
- cursor: pointer;
- }
- }
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
- ::v-deep .el-dialog__title,
- ::v-deep .el-dialog__headerbtn .el-dialog__close {
- color: #fff;
- font-weight: 900;
- font-size: 16px;
- font-family: 'FZLTXIHJW';
- }
- }
+ ::v-deep .el-dialog__title,
+ ::v-deep .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ }
+ }
- .bottom_tool {
- height: 30px;
- background-color: rgba(0, 0, 0, 0.8);
- display: flex;
- justify-content: flex-end;
- align-items: center;
+ .bottom_tool {
+ height: 30px;
+ background-color: rgba(0, 0, 0, 0.8);
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
- svg {
- margin-right: 15px;
- fill: #d1d1d1;
- }
+ svg {
+ margin-right: 15px;
+ fill: #d1d1d1;
+ }
- svg:hover {
- fill: #fff;
- cursor: pointer;
- }
- }
- }
+ svg:hover {
+ fill: #fff;
+ cursor: pointer;
+ }
+ }
+ }
- .notBox {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: calc(100% - 30px);
- min-height: 300px;
- }
- }
+ .notBox {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: calc(100% - 30px);
+ min-height: 300px;
+ }
+ }
}
.custom-dialog {
- overflow: hidden !important;
+ overflow: hidden !important;
- .el-dialog__body {
- padding: 0;
- }
+ .el-dialog__body {
+ padding: 0;
+ }
- .el-dialog__header {
- background-color: rgba(0, 0, 0, 0.8);
+ .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
- .header_title {
- display: flex;
- justify-content: space-between;
- align-items: center;
- color: #fff;
- font-weight: 900;
- font-size: 16px;
- font-family: 'FZLTXIHJW';
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
- span:nth-child(2):hover {
- cursor: pointer;
- }
- }
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
- .el-dialog__title,
- .el-dialog__headerbtn .el-dialog__close {
- color: #fff;
- font-weight: 900;
- font-size: 16px;
- font-family: 'FZLTXIHJW';
- }
- }
+ .el-dialog__title,
+ .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ }
+ }
}
.header_title {
- display: flex;
- justify-content: space-between;
- align-items: center;
- // color: #fff;
- font-weight: 900;
- font-size: 16px;
- font-family: 'FZLTXIHJW';
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ // color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
- span:nth-child(2):hover {
- cursor: pointer;
- }
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
}
@font-face {
- font-family: 'FZLTZHJW';
- src: url('./Fonts/FZLTZHJW.ttf');
+ font-family: 'FZLTZHJW';
+ src: url('./Fonts/FZLTZHJW.ttf');
}
@font-face {
- font-family: 'FZLTXIHJW';
- src: url('./Fonts/FZLTXIHJW.ttf');
+ font-family: 'FZLTXIHJW';
+ src: url('./Fonts/FZLTXIHJW.ttf');
}
@font-face {
- font-family: 'FZHTJW';
- src: url('./Fonts/FZHTJW.ttf');
+ font-family: 'FZHTJW';
+ src: url('./Fonts/FZHTJW.ttf');
}
@font-face {
- font-family: 'FANGSONG';
- src: url('./Fonts/fangSong.ttf');
+ font-family: 'FANGSONG';
+ src: url('./Fonts/fangSong.ttf');
}
@font-face {
- font-family: 'FANGZHENG';
- src: url('./Fonts/fangZheng.ttf');
+ font-family: 'FANGZHENG';
+ src: url('./Fonts/fangZheng.ttf');
}
@font-face {
- font-family: 'ZHUNYUAN';
- src: url('./Fonts/zhunyuan.ttf');
+ font-family: 'ZHUNYUAN';
+ src: url('./Fonts/zhunyuan.ttf');
}
@font-face {
- font-family: 'ZHONGDENGXIAN';
- src: url('./Fonts/zhongdengxian.ttf');
+ font-family: 'ZHONGDENGXIAN';
+ src: url('./Fonts/zhongdengxian.ttf');
}
@font-face {
- font-family: 'BOYA';
- src: url('./Fonts/boYa.ttf');
+ font-family: 'BOYA';
+ src: url('./Fonts/boYa.ttf');
}
// 闅愯棌椤甸潰
.hidePage {
- min-height: 0 !important;
- height: 0 !important;
- box-shadow: none !important;
+ min-height: 0 !important;
+ height: 0 !important;
+ box-shadow: none !important;
}
/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
@media screen and (max-width: 1024px) {
- .pdfModal {
- width: 100%;
- height: 80vh;
- }
+ .pdfModal {
+ width: 100%;
+ height: 80vh;
+ }
- .custom-dialog {
- .el-dialog {
- width: 90vw !important;
- }
- }
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
}
@media screen and (max-width: 800px) {
- .pdfModal {
- width: 100%;
- height: 60vh;
- }
+ .pdfModal {
+ width: 100%;
+ height: 60vh;
+ }
- .custom-dialog {
- .el-dialog {
- width: 90vw !important;
- }
- }
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
}
@media (max-width: 660px) {
- .aviationSafety-book {
+ .aviationSafety-book {
- /* 鍒嗛〉padding */
- .padding-93 {
- padding: 0 20px;
- }
+ /* 鍒嗛〉padding */
+ .padding-93 {
+ padding: 0 20px;
+ }
- .padding-102 {
- padding: 0 20px;
- }
+ .padding-102 {
+ padding: 0 20px;
+ }
- .img-float {
- width: 130px;
- }
+ .img-float {
+ width: 130px;
+ }
- .img-rights {
- width: 130px;
- }
+ .img-rights {
+ width: 130px;
+ }
- .btn-w {
- width: 42px;
- }
- }
+ .btn-w {
+ width: 42px;
+ }
+ }
}
@media (min-width: 660px) {
- .aviationSafety-book {
- .padding-93 {
- padding: 0 93px 0px 93px;
- }
+ .aviationSafety-book {
+ .padding-93 {
+ padding: 0 93px 0px 93px;
+ }
- .padding-102 {
- padding: 0 102px 0 102px;
- }
- }
+ .padding-102 {
+ padding: 0 102px 0 102px;
+ }
+ }
}
::-webkit-scrollbar {
- width: 8px;
- height: 10px;
+ width: 8px;
+ height: 10px;
}
::-webkit-scrollbar-track-piece {
- background-color: rgba(0, 0, 0, 0.1);
- -webkit-border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.1);
+ -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
- height: 5px;
- background-color: rgba(125, 125, 125, 0.3);
- -webkit-border-radius: 6px;
+ height: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
- width: 5px;
- background-color: rgba(125, 125, 125, 0.3);
- -webkit-border-radius: 6px;
+ width: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
}
\ No newline at end of file
--
Gitblit v1.9.1