From 2d9cf82601a49d8d0b7ec30ad67f4b183afc5ea2 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期二, 26 十一月 2024 16:47:17 +0800 Subject: [PATCH] 会议整本 --- src/books/meetingPlanners/assets/mian.less | 325 ++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 266 insertions(+), 59 deletions(-) diff --git a/src/books/meetingPlanners/assets/mian.less b/src/books/meetingPlanners/assets/mian.less index 6a8956e..8bcb872 100644 --- a/src/books/meetingPlanners/assets/mian.less +++ b/src/books/meetingPlanners/assets/mian.less @@ -60,6 +60,10 @@ margin-bottom: 30px !important; } + .mb-50 { + margin-bottom: 50px !important; + } + .ma-l { margin-left: 8%; } @@ -76,8 +80,16 @@ width: 100%; } + .w90 { + width: 90%; + } + .w80 { width: 80%; + } + + .w75 { + width: 75%; } .w70 { @@ -218,34 +230,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 { @@ -280,6 +283,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; + } @@ -330,6 +345,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; @@ -352,10 +388,6 @@ height: auto; margin: auto; margin-left: 20px; - - img { - width: 100%; - } p { margin: 0 !important; @@ -422,6 +454,30 @@ 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%; + } + } // 鑷甫鐨� @@ -476,9 +532,7 @@ color: #02439B; } - .block1{ - - } + .block1 {} .img { font-family: 'FZLTXIHJW'; @@ -571,7 +625,7 @@ text-align: left; } - .front{ + .front { font-family: 'FZLTZHJW'; font-size: 22px; color: #000; @@ -624,8 +678,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; } @@ -633,7 +687,6 @@ h4 { - font-family: 'FZHTJW'; font-weight: bold; font-size: 1.2em; @@ -641,18 +694,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; } @@ -793,9 +845,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; } @@ -920,13 +973,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 { @@ -942,8 +999,9 @@ border: 3px solid #F1B754; border-radius: 1em; margin-bottom: 1.5em; - margin-top: 2em; + margin-top: 2.5em; padding: 5px 10px 5px 10px; + position: relative; } div.bk-3 { @@ -956,14 +1014,21 @@ div.bk-21 { + width: 100%; + position: absolute; + top: -15px; 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; + p{ + display: flex; + align-items: center; + text-indent: 0; + } } .anli { @@ -1047,6 +1112,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) { @@ -1076,8 +1272,11 @@ } @media (max-width: 660px) { - .civilAviationServices-book { - + .meetingPlanners-book { + + div.bodystyle { + margin: 0 37.5px; + } /* 鍒嗛〉padding */ .padding-93 { padding: 0 20px; @@ -1100,16 +1299,6 @@ width: 42px; } - .unitText { - color: #5192C6; - font-size: 10px; - } - - .unit2Text { - color: #F89C1C; - font-size: 10px; - } - .wh-no { white-space: wrap; } @@ -1117,11 +1306,29 @@ td { padding: 5px 10px; } + + div.bk-2 { + margin-top: 3.5em; + } + + div.bk-21{ + position: absolute; + top: -22px; + p{ + line-height: 15px; + font-size: 14px; + } + } + .mindMap { + span{ + font-size: 10px; + } + } } } @media (min-width: 660px) { - .civilAviationServices-book { + .meetingPlanners-book { .padding-93 { padding: 0 93px 0px 93px; } -- Gitblit v1.9.1