From 7715ae3606bb01c0e9f08f40e83bfed0d983c6a3 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 22 十月 2024 15:20:42 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/civilAviation/assets/main.less | 676 ++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 609 insertions(+), 67 deletions(-)
diff --git a/src/books/civilAviation/assets/main.less b/src/books/civilAviation/assets/main.less
index 682c075..586d74a 100644
--- a/src/books/civilAviation/assets/main.less
+++ b/src/books/civilAviation/assets/main.less
@@ -1,5 +1,6 @@
.civilAviation-book {
-
+ width: 100%;
+ height: 100%;
// 鑷畾涔夊唴瀹�
.page-box {
@@ -9,15 +10,380 @@
box-shadow: 0 3px 6px 1px #00000029;
background-color: #fff;
}
+
+ .t-right {
+ text-align: right;
+ }
+
+ .mr-0 {
+ margin: 0;
+ }
+
+ .mt-20 {
+ margin-top: 30px;
+ }
+
+ .mb-10 {
+ margin-bottom: 10px;
+ }
+
+ .pd-5 {
+ padding: 0 5px;
+ }
+
+ .w100 {
+ width: 100%;
+ }
+
+ .w80 {
+ width: 80%;
+ }
+
+ .fz-13 {
+ font-size: 13px !important;
+ }
+
+ .fz-14 {
+ font-size: 14px !important;
+ }
+
+ .fz-16 {
+ font-size: 16px !important;
+ }
+
+ .fz-18 {
+ font-size: 18px !important;
+ }
+
+
.img-0 {
width: 100%;
}
- .pt-20{
+
+ .img-c {
+ width: 70%;
+ }
+
+ .pt-20 {
padding-top: 20px;
}
- .td-0{
+
+ .td-0 {
text-indent: 0em;
}
+
+ .fl {
+ display: flex;
+ }
+
+ .ju-cn {
+ justify-content: center;
+ }
+
+ .ju-ev {
+ justify-content: space-evenly;
+ }
+
+ .fd-c {
+ flex-direction: column;
+ }
+
+ .fd-r {
+ flex-direction: row-reverse;
+ }
+
+ .al-c {
+ align-items: center;
+ }
+
+ .ac-f {
+ align-content: flex-end;
+ }
+
+ .jc-fe {
+ justify-content: flex-end;
+ }
+
+ .jc-c {
+ justify-content: center;
+ }
+
+ .mr-70 {
+ margin-right: 70px;
+ }
+
+ .mr-10 {
+ margin-right: 10px;
+ }
+
+ .pad-t-55 {
+ padding-top: 55px;
+ }
+
+ .pad-l-60 {
+ padding-left: 60px;
+ }
+
+ .mb-45 {
+ margin-bottom: 45px;
+ }
+
+ .headerImg {
+ width: 30px;
+ }
+
+ .headerText {
+ font-size: 12px;
+ padding: 0 8px;
+ color: #B98C64;
+ }
+
+ .headerNumber {
+ color: #231F20;
+ font-size: 12px;
+ padding: 0 8px;
+ border-left: 1px solid #231F20;
+ }
+
+ .header-left-Number {
+ color: #231F20;
+ font-size: 12px;
+ padding-right: 8px;
+ border-right: 1px solid #000;
+ }
+
+ .header-left-text {
+ margin-left: 8px;
+ font-size: 12px;
+ color: #fff;
+ background-color: #0082D4;
+ }
+
+ .table-tr-bc {
+ color: #fff;
+ }
+
+ .task {
+ width: 12%;
+ margin-bottom: 5em;
+ margin-top: 0;
+ border-top: 0.7em solid #5192C6;
+ }
+
+ .p-odd {
+ padding-right: 10%;
+ }
+
+ .p-even {
+ padding-left: 10%;
+ }
+
+ .img-float {
+ width: 310px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0;
+ }
+ }
+
+ .img-rights {
+ width: 310px;
+ float: right;
+ height: auto;
+ margin: auto;
+ margin-left: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0 !important;
+ }
+ }
+
+ .pdf-text {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: flex-start;
+ margin-bottom: 20px;
+
+ p {
+ margin: 0;
+ margin-right: 10px;
+ }
+
+ .pdf-con {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 10px 0;
+ box-sizing: border-box;
+ border-radius: 10px;
+
+ .pdf-view {
+ min-width: 160px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 0.15em dashed #895B2E;
+ margin-right: 15px;
+ padding: 0 15px;
+ border-radius: 5px;
+ margin-top: 15px;
+
+ span {
+ font-size: 14px;
+ text-align: center;
+ font-family: 'FZLTXIHJW';
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+
+ svg {
+ fill: #895B2E;
+ }
+ }
+
+ span:nth-child(2) {
+ padding-top: 5px;
+ box-sizing: border-box;
+ }
+
+ span:hover {
+ color: #895B2E;
+ cursor: pointer;
+ text-decoration: underline;
+ -webkit-user-select: none;
+ /* Safari 3.1+ */
+ -moz-user-select: none;
+ /* Firefox 2+ */
+ -ms-user-select: none;
+ /* IE 10+ */
+ user-select: none;
+ /* 鏍囧噯璇硶 */
+ }
+ }
+ }
+
+ .pdf-con-15 {
+ margin-top: -20px;
+ }
+ }
+
+ div.bk-ztgs {
+ border: 0.15em dotted #5192c6;
+ padding: 0.5em;
+ margin-bottom: 2em;
+ margin-top: 2em;
+ border-radius: 1em;
+ position: relative;
+ }
+
+ p.bj1-ztgs {
+ background-color: #5192c6;
+ color: #ffffff;
+ display: inline-block;
+ font-size: 1em;
+ padding: 0.1em 0.7em 0.12em 0.7em;
+ font-weight: bold;
+ border-radius: 0em;
+ margin-left: 0em;
+ text-align: center;
+ text-indent: 0em;
+ position: absolute;
+ top: -2em;
+ }
+
+
+ .link-float {
+ width: 120px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-top: 12px;
+ margin-right: 20px;
+ }
+
+ .imgBox-003 {
+ width: 100%;
+ height: 280px;
+ margin-bottom: 18px;
+ }
+
+ // 棰樼洰
+ .textarea-box {
+ background-color: transparent;
+ margin-left: 80px;
+ max-width: 85%;
+ min-width: 85%;
+ outline: none;
+ }
+
+ .textarea-focused {
+ border-color: #5192c6 !important;
+ box-shadow: #5192c6 !important;
+ }
+
+ .select-border {
+ width: 60px;
+ border: 0;
+ border-bottom: 1px solid #767676;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .btn-border {
+ border-radius: 6px;
+ border-color: #5192C6;
+ }
+
+ .btn-w {
+ cursor: pointer;
+ font-size: 14px;
+ border-width: 1px;
+ width: 80px;
+ height: 30px;
+ background-color: #fff;
+
+ &:hover {
+ background-color: #5192C6;
+ color: #fff;
+ }
+ }
+
+ .parimary-btn {
+ cursor: pointer;
+ min-width: 80px;
+ height: 30px;
+ font-size: 14px;
+ margin-left: 5px;
+ background-color: #5192C6;
+ border-color: #5192C6;
+ border-width: 1px;
+ color: #fff;
+ border-radius: 6px;
+
+ &:hover {
+ background-color: #a1afc8;
+ border-color: #a1afc8;
+ }
+ }
+
+ .event-header-text-bc {
+ background-color: #bbd4ec;
+ }
// 杩佺Щ
.bk-bwh {
@@ -176,6 +542,20 @@
line-height: 30px;
}
+ // .bodystyle-left{
+ // margin: 0 120px 0 82px;
+ // padding-bottom: 80px;
+ // }
+
+ // .bodystyle-right{
+ // font-family: 'FZLTXIHJW';
+ // font-size: 18px;
+ // text-align: justify;
+ // margin: 0 82px 0 120px;
+ // padding-bottom: 80px;
+ // line-height: 30px;
+ // }
+
span.zt-0 {
color: #0087AF;
}
@@ -240,13 +620,19 @@
}
-
- .block {}
+ .block {
+ font-family: "瀹嬩綋";
+ margin-top: 0.2em;
+ margin-bottom: 0.2em !important;
+ text-indent: 2em;
+ line-height: 30px;
+ font-size: 16px;
+ text-align: justify;
+ }
.block1 {
text-align: center;
}
-
.img {
font-family: 'FZLTXIHJW';
@@ -267,15 +653,14 @@
}
-
-
p {
- margin-top: 1em;
+ font-family: "瀹嬩綋";
+ margin-top: 0.2em;
+ margin-bottom: 0.2em !important;
text-indent: 2em;
line-height: 30px;
font-size: 18px;
text-align: justify;
- font-family: 'msyh';
}
.cover {
@@ -345,22 +730,21 @@
h1 {
font-family: 'FZLTZHJW';
- font-weight: bold;
- font-size: 1.2em;
- color: #5EB7BF;
+ font-weight: 100;
+ font-size: 2em;
+ color: #F0855B;
margin-top: 0.2em;
- margin-bottom: 0.5em;
+ margin-bottom: 0.2em;
text-indent: 0em;
- text-align: center;
}
.front {
font-family: 'FZLTZHJW';
- font-weight: bold;
+ font-weight: 400;
font-size: 1.1em;
- color: #5EB7BF;
- margin-top: 0.2em;
- margin-bottom: 0.5em;
+ color: #000;
+ margin-top: 1.5em;
+ margin-bottom: 3em;
text-indent: 0em;
text-align: center;
}
@@ -370,45 +754,41 @@
font-family: 'FZLTZHJW';
line-height: 2em;
font-weight: bold;
- color: #4898BB;
+ color: #5192C6;
font-size: 1.3em;
- margin-bottom: 1cm;
- margin-top: 1cm;
+ margin-bottom: 0.5cm;
+ margin-top: 0.5cm;
}
h3 {
font-family: 'FZHTJW';
- color: #3D8B9F;
- font-weight: bold;
- font-size: 1.7em;
- margin-bottom: 1em;
+ color: #5192C6;
+ font-weight: 300;
+ font-size: 1.2em;
margin-top: 1.5em;
- border-bottom: 0.6em solid #3D8B9F;
- margin-bottom: 1.5em;
+ margin-bottom: 5px;
text-indent: 0em;
}
h4 {
font-family: 'FZHTJW';
- color: #F0B54F;
- font-weight: bold;
- font-size: 1.2em;
- margin-bottom: 1em;
- margin-top: 1em;
+ color: #5192C6;
+ font-weight: 400;
+ font-size: 1.1em;
+ margin-bottom: 1.2em;
+ margin-top: 1.2em;
margin-left: 0em;
- margin-bottom: 0.5em;
text-indent: 0em;
}
h5 {
-
font-family: 'FZHTJW';
- color: #EF8472;
+ color: #5192C6;
text-align: left;
- font-weight: bold;
+ font-weight: 400;
margin-bottom: 0.5em;
- margin-top: 2em;
- font-size: 1.15em;
+ margin-top: 0.5em;
+ font-size: 0.9em;
text-indent: 0em;
}
@@ -528,10 +908,9 @@
}
.zt-ls1 {
- color: #197BBC;
- font-size: 1.2em;
+ color: #000;
+ font-size: 16px;
font-weight: bold;
-
}
span.lsyq-1 {
@@ -556,9 +935,9 @@
}
.zt-hs1 {
- font-weight: bold;
- color: #F0855B;
- font-size: 1.2em;
+ font-weight: 500;
+ color: #000;
+ font-size: 1em;
}
.h2-zt1 {
@@ -665,27 +1044,25 @@
}
.bj4 {
- background-color: #D5EAD7;
- padding: 20px;
+ background-color: #D7E2F0;
+ padding: 10px 20px;
border-radius: 0.1em;
margin-bottom: 2em;
- margin-top: 2.5em;
- }
-
- span.bj4-xyx {
- background-color: #65C097;
- color: #FFFFFF;
- border-radius: 1.5em;
- padding: 5px 20px 5px 20px;
- font-size: 1em;
- font-weight: bold;
-
+ margin-top: 1em;
}
div.bj4-xyx {
- margin-top: -3em;
- margin-bottom: 1.5em;
- margin-left: -2.5em;
+ font-size: 18px;
+ color: #fff;
+ line-height: 20px;
+ padding: 12.5px 15px 12.5px 15px;
+ margin-right: 10px;
+ background-color: #5192C6;
+ border-radius: 5px;
+ }
+
+ .bj4-xyx-icon {
+ color: #5192C6;
}
.bj5 {
@@ -717,21 +1094,150 @@
}
div.bj-1 {
- background-color: #FEF7E5;
- color: #6CB26C;
+ color: #fff;
border-radius: 2em;
margin-bottom: 1.5em;
margin-top: 1.5em;
}
.bj-1-zt {
- font-weight: bold;
+ color: #fff;
+ font-weight: 400;
font-size: 1.2em;
line-height: 1.8em;
}
-
}
+
+.pdfModal {
+ width: 100%;
+ height: 90vh;
+
+ .pdfBox-component {
+ width: 100%;
+ height: 100%;
+ position: relative;
+
+ .preview {
+ width: 100%;
+ height: 100%;
+
+ .imageBox {
+ height: calc(100% - 30px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: #ccc;
+ box-sizing: border-box;
+ }
+
+ .imageBox:hover {
+ cursor: zoom-in !important;
+ }
+
+ ::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';
+
+ 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';
+ }
+ }
+
+ .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:hover {
+ fill: #fff;
+ cursor: pointer;
+ }
+ }
+ }
+
+ .notBox {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: calc(100% - 30px);
+ min-height: 300px;
+ }
+ }
+}
+
+.custom-dialog {
+ overflow: hidden !important;
+
+ .el-dialog__body {
+ padding: 0;
+ }
+
+ .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';
+
+ 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';
+ }
+ }
+}
+
+.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;
+ }
+}
+
@font-face {
font-family: 'FZLTZHJW';
@@ -748,9 +1254,34 @@
src: url('./Fonts/FZHTJW.ttf');
}
-
-
/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+
+@media screen and (max-width: 1024px) {
+ .pdfModal {
+ width: 100%;
+ height: 80vh;
+ }
+
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+
+@media screen and (max-width: 800px) {
+ .pdfModal {
+ width: 100%;
+ height: 60vh;
+ }
+
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+
@media (max-width: 660px) {
.civilAviation-book {
@@ -762,6 +1293,17 @@
.padding-102 {
padding: 0 20px;
}
+
+
+ .img-float {
+ width: 130px;
+ }
+ .img-rights {
+ width: 130px;
+ }
+ .btn-w{
+ width: 42px;
+ }
}
}
--
Gitblit v1.9.1