From a8da6c44895f90bc6d33df129bccd424bf73be3e Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 31 十二月 2024 18:11:02 +0800
Subject: [PATCH] 小窗
---
src/books/meetingPlanners/assets/mian.less | 375 +++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 307 insertions(+), 68 deletions(-)
diff --git a/src/books/meetingPlanners/assets/mian.less b/src/books/meetingPlanners/assets/mian.less
index 7f85048..d5ece8f 100644
--- a/src/books/meetingPlanners/assets/mian.less
+++ b/src/books/meetingPlanners/assets/mian.less
@@ -11,6 +11,10 @@
background-color: #fff;
}
+
+ .dl-bl {
+ display: inline-block;
+ }
.wh-no {
white-space: nowrap;
}
@@ -60,6 +64,10 @@
margin-bottom: 30px !important;
}
+ .mb-50 {
+ margin-bottom: 50px !important;
+ }
+
.ma-l {
margin-left: 8%;
}
@@ -76,8 +84,16 @@
width: 100%;
}
+ .w90 {
+ width: 90%;
+ }
+
.w80 {
width: 80%;
+ }
+
+ .w75 {
+ width: 75%;
}
.w70 {
@@ -176,8 +192,12 @@
justify-content: space-around
}
+ .jc-sb {
+ justify-content: space-between
+ }
+
.mr-70 {
- margin-right: 70px;
+ margin-right: 70px !important;
}
.mr-10 {
@@ -214,34 +234,25 @@
}
.headerImg {
- width: 30px;
+ width: 130px;
+ display: flex;
+ position: relative;
}
- .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;
+ .header-Number {
+ position: absolute;
+ top: 4%;
+ left: 40%;
color: #fff;
- background-color: #0082D4;
+ font-size: 14px;
+ }
+
+ .header-text {
+ // font-family: kaiti;
+ font-weight: 500;
+ font-size: 16px;
+ color: #000;
+ margin-right: 10px;
}
table {
@@ -276,6 +287,18 @@
overflow: auto;
word-break: break-all;
resize: none;
+ }
+
+ .unit-p-w {
+ font-size: 30px;
+ margin-bottom: 20px;
+ font-weight: 800;
+ }
+
+ .unit-p {
+ font-size: 28px;
+ margin-bottom: 20px;
+
}
@@ -326,6 +349,27 @@
margin-bottom: 10px;
}
+
+ .mindMap {
+ margin: 10px 0;
+ padding: 5px 0 5px 10px;
+ border: 1px dashed #BCBCBC;
+ font-size: 17px;
+ }
+
+ .mindMap-name {
+ color: #1CA8ED;
+ cursor:pointer
+ }
+
+ .mindMap-name:hover {
+ text-decoration: underline;
+ }
+
+ .mindMap-type {
+ color: #1CA8ED;
+ }
+
.img-float {
width: 310px;
float: left;
@@ -348,10 +392,6 @@
height: auto;
margin: auto;
margin-left: 20px;
-
- img {
- width: 100%;
- }
p {
margin: 0 !important;
@@ -418,6 +458,44 @@
width: 115px;
}
+ .imgBox-003 {
+ width: 100%;
+ height: 280px;
+ 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%;
+ }
+ }
+
+ p.blockh6-c {
+ font-family: "STKaiti";
+ font-weight: normal;
+ font-size: 16px;
+ border-style: dotted;
+ border-radius: 1em;
+ border-width: 2px;
+ border-color: #6CB26C;
+ padding: 0.8em;
+ margin-top: 1em;
+ text-indent: 0em;
+ margin-bottom: 20px;
+ }
// 鑷甫鐨�
@@ -447,7 +525,7 @@
div.bodystyle {
font-family: 'FZLTXIHJW';
text-align: justify;
- margin: 0 10%;
+ margin: 0 82px;
padding-bottom: 10%;
line-height: 30px;
}
@@ -472,9 +550,6 @@
color: #02439B;
}
- .block1{
-
- }
.img {
font-family: 'FZLTXIHJW';
@@ -497,11 +572,11 @@
p {
- margin-top: 0;
+ font-family: "瀹嬩綋";
+ margin: 0;
text-indent: 2em;
line-height: 30px;
text-align: justify;
- font-family: 'msyh';
}
.cover {
@@ -517,11 +592,29 @@
}
.left {
- font-family: kaiti;
font-size: 18px;
text-indent: 1em;
margin-top: 0% !important;
margin-bottom: 0% !important;
+ }
+
+ .left1 {
+ font-size: 18px;
+ text-indent: 0em;
+ text-wrap: nowrap;
+ }
+
+ .left2 {
+ font-family: kaiti;
+ font-size: 18px;
+ text-indent: 0em;
+ text-wrap: nowrap;
+ }
+
+ .left3 {
+ font-family: kaiti;
+ font-size: 18px;
+ text-indent: 0em;
}
.right {
@@ -549,7 +642,7 @@
text-align: left;
}
- .front{
+ .front {
font-family: 'FZLTZHJW';
font-size: 22px;
color: #000;
@@ -576,6 +669,14 @@
margin-right: 0.5em;
}
+ .h2-zt2 {
+ height: 50px;
+ padding: 6px;
+ background-color: #919195;
+ margin-left: 0.3em;
+ margin-right: 0.5em;
+ }
+
.h3-zt1 {
padding: 10px;
background-color: #9ACC77;
@@ -594,8 +695,8 @@
text-align: center;
font-size: 1.4em;
color: #5EB7BF;
- margin-top: 1.5em;
- margin-bottom: 1.5em;
+ margin-top: 3em;
+ margin-bottom: 3em;
text-indent: 0em;
margin-left: 0em;
}
@@ -603,7 +704,6 @@
h4 {
-
font-family: 'FZHTJW';
font-weight: bold;
font-size: 1.2em;
@@ -611,18 +711,17 @@
margin-top: 1em;
border-bottom: 4px dotted #F7BE3D;
margin-left: 2em;
- margin-bottom: 0.5em;
+ margin-bottom: 1em;
text-indent: 0em;
}
h5 {
-
font-family: 'FZHTJW';
color: #6CB26C;
text-align: left;
font-weight: bold;
- margin-bottom: -0.1em;
- margin-top: 1em;
+ margin-bottom: 5px;
+ margin-top: 5px;
font-size: 1.1em;
text-indent: 2em;
}
@@ -677,6 +776,10 @@
.img-g {
width: 30%;
+ }
+
+ .img-25 {
+ width: 25%;
}
.img-h {
@@ -759,9 +862,10 @@
}
.zt-h6 {
- font-weight: bold;
- margin-bottom: 0.5em;
- margin-top: 0.8em;
+ color: #000;
+ font-weight: 800;
+ // margin-bottom: 0.5em;
+ // margin-top: 0.5em;
}
@@ -886,13 +990,17 @@
border-radius: 0em 3em 3em 0em;
margin-bottom: 1.5em;
margin-top: 2em;
- padding: 5px 10px 5px 10px;
+ padding: 30px 10px;
+ position: relative;
}
div.bk-11 {
+ position: absolute;
+ top: 20px;
margin-bottom: 1em;
margin-top: -2.2em;
margin-left: -1.5em;
+
}
span.bk-11 {
@@ -908,7 +1016,7 @@
border: 3px solid #F1B754;
border-radius: 1em;
margin-bottom: 1.5em;
- margin-top: 2em;
+ // margin-top: 2.5em;
padding: 5px 10px 5px 10px;
}
@@ -922,14 +1030,15 @@
div.bk-21 {
+ width: 100%;
background-color: #F1B754;
color: #FFFFFF;
font-weight: bold;
- font-size: 1.2em;
- margin-bottom: 1em;
- margin-top: -1.5em;
- margin-left: -0.6em;
- margin-right: -0.6em;
+ margin-bottom: 10px;
+ p{
+ display: flex;
+ text-indent: 0;
+ }
}
.anli {
@@ -1013,6 +1122,137 @@
box-shadow: none !important;
}
+
+.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;
+ }
+}
+
+
/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
@media screen and (max-width: 1024px) {
@@ -1042,8 +1282,11 @@
}
@media (max-width: 660px) {
- .civilAviationServices-book {
-
+ .meetingPlanners-book {
+
+ div.bodystyle {
+ margin: 0 37.5px;
+ }
/* 鍒嗛〉padding */
.padding-93 {
padding: 0 20px;
@@ -1066,16 +1309,6 @@
width: 42px;
}
- .unitText {
- color: #5192C6;
- font-size: 10px;
- }
-
- .unit2Text {
- color: #F89C1C;
- font-size: 10px;
- }
-
.wh-no {
white-space: wrap;
}
@@ -1083,11 +1316,17 @@
td {
padding: 5px 10px;
}
+
+ .mindMap {
+ span{
+ font-size: 10px;
+ }
+ }
}
}
@media (min-width: 660px) {
- .civilAviationServices-book {
+ .meetingPlanners-book {
.padding-93 {
padding: 0 93px 0px 93px;
}
--
Gitblit v1.9.1