From 1b3fd3be47ea0c06b80db9603eb1279daa0dad07 Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期一, 17 二月 2025 15:35:55 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/childcareInstitutionsManagement/assets/main.less | 1029 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 1,029 insertions(+), 0 deletions(-) diff --git a/src/books/childcareInstitutionsManagement/assets/main.less b/src/books/childcareInstitutionsManagement/assets/main.less new file mode 100644 index 0000000..8085b62 --- /dev/null +++ b/src/books/childcareInstitutionsManagement/assets/main.less @@ -0,0 +1,1029 @@ +.childcareInstitutionsManagement-book { + 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; + } + + p { + font-family: "瀹嬩綋"; + margin-top: 0.2em; + margin-bottom: 0.2em !important; + text-indent: 2em; + line-height: 30px; + text-align: justify; + } + + .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; + } + + .fz-20 { + font-size: 20px; + } + + .img-0 { + width: 100%; + } + + .pt-20 { + padding-top: 20px !important; + } + + .pt { + padding: 10% 0; + } + + .mt-10 { + margin-top: 10px !important; + } + + .mt-20 { + margin-top: 20px !important; + } + + .mt-30 { + margin-top: 30px; + } + + .ml-30 { + margin-left: 30px; + } + + .ml-9 { + margin-left: 9%; + } + + .fl { + display: flex; + } + + .al-c { + align-items: center; + } + + .ju-cn { + justify-content: center; + } + + .ju-ev { + justify-content: space-evenly; + } + + .jc-sb { + justify-content: space-between; + } + + .ac-f { + align-content: flex-end; + } + + .jc-fe { + justify-content: flex-end; + } + + .td-0 { + text-indent: 0em !important; + } + + .left { + text-indent: 0em; + margin: 0 !important; + line-height: 20px; + } + + .left2 { + font-size: 1.3em; + text-indent: 0em; + font-weight: bold; + margin-left: 0%; + margin-right: 0%; + } + + .left3 { + margin: 0 !important; + line-height: 20px; + } + + .center { + text-align: center; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + + .bg-color { + flex: 1; + background: #C7EAFD + } + + .bg-color1 { + width: 70%; + height: 100%; + margin: 0 auto; + background-color: #fff; + } + + .f1 { + flex: 1; + } + + .title { + width: 260px; + height: 50px; + text-align: center; + margin: 0 auto; + position: relative; + padding-top:20%; + } + + .bj1 { + position: absolute; + width: 265px; + height: 45px; + background-color: #9ADBF9; + border-radius: 1.5em; + } + + .bj2 { + position: absolute; + width: 260px; + height: 45px; + background-color: #9adbf9; + border-radius: 1.5em; + top: 8px; + mix-blend-mode: multiply; + } + + .front { + font-family: "瀹嬩綋"; + color: #fff; + margin: 0 !important; + font-size: 24px; + position: absolute; + width: 260px; + height: 50px; + line-height: 50px; + + } + + .fc { + color: #00B1F5; + font-size: 12px; + padding: 6% 0; + font-family: "FangSong"; + } + + .br1 { + text-align: center; + padding: 0 15px; + color: #fff; + background: #9adbf9; + border-radius: 10px; + margin-right: 5px; + + } + + .br-r { + width: 100px; + height: 35px; + background-image: url(../assets/images/ym1.png); + background-size: 100% 100%; + text-align: center; + color: #fff; + margin-left: 5px; + margin-bottom: 6px; + line-height: 43px; + } + + .br { + width: 50px; + height: 35px; + background-image: url(../assets/images/ym.png); + background-size: 100% 100%; + text-align: center; + color: #fff; + line-height: 47px; + margin-right: 5px; + + } + + .lh { + height: 35px; + line-height: 47px; + } + + .rw-bg { + width: 90%; + height: 90px; + position: relative; + color: #00B1F5; + margin-bottom: 1em; + } + + .rw-bg1 { + width: 90%; + height: 90px; + position: relative; + color: #00B1F5; + margin-bottom: 1em; + float: right; + } + + .bj4 { + position: absolute; + width: 100%; + height: 85px; + background-color: #C7EAFD; + border-radius: 1em; + } + + .bj5 { + position: absolute; + width: 98%; + height: 85px; + background-color: #C7EAFD; + border-radius: 1em; + top: 10px; + mix-blend-mode: multiply; + } + + .table { + border: 2px solid #00B1F5; + border-collapse: collapse; + width:100%; + + td { + border: 1px solid #00B1F5; + border-collapse: collapse; + padding: 0 10px; + background: #C7EAFD; + } + + .td1 { + width: 15%; + color: #01AFEE; + background: #9ADBF9; + } + + } + + .block1 { + font-family: "FangSong"; + margin-top: 0.2em; + margin-bottom: 0.2em !important; + text-indent: 2em; + line-height: 30px; + font-size: 17px; + text-align: justify; + } + + .img-rights { + + width: 160px; + float: right; + height: auto; + margin: auto; + margin-left: 18px; + } + + .pt-1 { + padding: 120px 0; + } + + .pt-2 { + padding: 30px 0; + } + + .img-lefts { + width: 160px; + float: left; + height: auto; + margin: auto; + margin-right: 20px; + } + + .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; + } + } + + .textarea-box { + width: 100%; + overflow: auto; + word-break: break-all; + resize: none; + border: 1px solid #01AFEE; + border-radius: 5px; + background-color: rgba(255, 255, 255, 0); + } + + .textarea-box1 { + width: 100%; + overflow: auto; + word-break: break-all; + resize: none; + border: 0; + border-radius: 5px; + background-color: rgba(255, 255, 255, 0); + outline: none; + } + + + .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: 14px !important; + position: absolute !important; + left: 50% !important; + transform: translateX(-50%); + bottom: -2% !important; + } + + img { + height: 80%; + } + } + + .btn-box { + margin-left: 5px; + cursor: pointer; + text-indent: 0; + display: inline-block; + border: 1px solid #01AFEE; + height: 22px; + padding: 5px; + background-color: #01AFEE; + border-radius: 5px; + + svg { + fill: #fff; + } + } + + .jc-img { + margin-bottom: -5px; + cursor: pointer; + } + + //瑙嗛 + .video-box-cover { + border: 1px dashed #895B2E; + padding: 2% 2%; + } + + .video-box { + margin: 20px 0 20px 0; + 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; + } + + .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%; + } + + .w100 { + width: 100%; + } + + + + .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 #01AFEE; + 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: #01AFEE; + } + } + + span:nth-child(2) { + padding-top: 5px; + box-sizing: border-box; + } + + span:hover { + color: #01AFEE; + 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; + } + } + + .li-btn{ + margin-left:20px; + } + .xb{ + text-align: right; + } + + + + //杩佺Щ + ul { + list-style-type: none; + margin: 10px !important; + padding:0 !important; + } + + li { + list-style-type: none; + } + + .note { + font-size: 0.8em; + } + + .note-line { + width: 200px; + margin: 10px 0; + } + + @font-face { + font-family: 'FZLTZHJW'; + src: url('Fonts/FZLTZHJW.ttf'); + } + + @font-face { + font-family: 'FZLTXIHJW'; + src: url('Fonts/FZLTXIHJW.ttf'); + } + + @font-face { + font-family: 'FZHTJW'; + src: url('Fonts/FZHTJW.ttf'); + } + + + .bodystyle:nth-of-type(odd) { + font-family: 'FZLTXIHJW'; + text-align: justify; + margin: 0 11% 0 9%; + padding-bottom: 80px; + line-height: 30px; + } + + .bodystyle:nth-of-type(even) { + font-family: 'FZLTXIHJW'; + text-align: justify; + margin: 0 9% 0 11%; + padding-bottom: 80px; + line-height: 30px; + } + + .mk-img { + // width:100%; + height: 100%; + } + + .bj3 { + background-color: rgb(204, 236, 251); + padding: 0.2em 0.5em 0.2em 0.5em; + border-radius: 1em; + margin-bottom: 2em; + margin-left: 0.6em; + box-shadow: 0 0 30px rgba(135 209 243); + } + + .mk-n { + font-family: "FZLTZHJW"; + color: #01AFEE; + margin-top: 15%; + } + + .h1-zt { + font-family: 'FZLTZHJW'; + line-height: 2em; + color: #01AFEE; + font-weight: bold; + font-size: 1.9em; + margin-bottom: 1em !important; + margin-top: -0.5em; + text-indent: 0em; + + } + + h2 { + font-family: 'FZHTJW'; + color: #00ADEF; + font-weight: 400; + font-size: 1.4em; + margin-bottom: 0em; + margin-top: 0.3em; + text-indent: 2em; + line-height: 1.3em; + } + + .h2-zt { + font-family: 'FZHTJW'; + color: #00ADEF; + font-weight: 400; + font-size: 1.2em; + margin-bottom: 1em; + margin-top: 0em; + text-indent: 2.2em; + + } + + h3 { + font-family: 'FZHTJW'; + color: #03AFED; + font-weight: 400; + font-size: 1em; + margin-bottom: 1em; + margin-top: 1em; + text-indent: 0em; + } + + h4 { + font-family: 'FZHTJW'; + font-weight: 400; + color: #03AFED; + margin-bottom: 0.5em; + margin-top: 1em; + font-size: 1em; + text-indent: 1em; + } + + h5 { + font-family: 'FZHTJW'; + font-weight: 400; + color: #03AFED; + margin-bottom: 0.5em; + margin-top: 1em; + font-size: 1em; + text-indent: 2em; + } + + .rwmb-1 { + margin-left: -2.6em; + margin-bottom: 0.2em; + margin-top: 0.5em; + height: 3.5em; + } + + .rwmb-2 { + margin-left: -2.3em; + margin-bottom: -0.5em; + margin-top: 0.2em; + height: 2em; + } + + .rwmb-3 { + margin-left: 0.5em; + margin-bottom: -0.5em; + margin-top: -0.5em; + height: 2em; + } + + .rwmb-4 { + margin-left: 0.5em; + margin-bottom: -0.5em; + margin-top: 1.2em; + height: 1em; + } + + .rwmb-5 { + margin-left: -2.75em; + margin-bottom: 1em; + margin-top: -5em; + height: 2em; + } + + .rwmb-6 { + height: 1.2em; + margin-top: 0.5em; + } + + .rwmb-7 { + margin-top: 0.5em; + height: 1.2em; + } + + .block { + font-size: 15px; + color: #00ADEF; + font-family: "FangSong"; + } + + .block2 { + font-family: "KaiTi"; + font-size: 15px; + } + + .ls1 { + text-align: center; + color: #00B1F5; + font-family: "STKaiti"; + } + + .ls2 { + color: #00B1F5; + font-weight: bold; + font-size: 1em; + } + + .right { + font-family: "KAITI"; + text-align: right; + margin-left: 0%; + margin-right: 0%; + } + + .img { + font-weight: bold; + font-family: 'FZLTXIHJW'; + text-align: center; + font-size: 0.85em; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + + .img-0 { + width: 100%; + } + + .img-a { + width: 95%; + } + + .img-b { + width: 70%; + } + + .img-c { + width: 60%; + } + + .img-d { + width: 50%; + } + + .img-e { + width: 45%; + } + + .img-f { + width: 40%; + } + + .img-g { + width: 30%; + } + + .img-h { + width: 20%; + } + + .img-i { + width: 10%; + } + + .img-j { + width: 5%; + } + + .img-zt { + height: 6em; + margin-top: -1.5em; + margin-bottom: -0.4em; + margin-left: 15%; + } + + .bk { + border: 2px solid #3FC6F6; + box-shadow: 8px 8px 0px 0px #B0E2F9; + padding: 3px 10px 3px 10px; + margin-top: 2em; + border-radius: 1.5em; + margin-bottom: 1em; + } + + .bk2 { + background: #E2F4FE; + border: 2px solid #3EC9F4; + padding: 3px 10px 3px 10px; + margin-top: 2em; + margin-bottom: 1em; + } + + .bk1 { + margin-top: -2.2em; + margin-bottom: 0.5em; + margin-left: -1.2em; + } + + .bk3 { + margin-top: -1.5em; + margin-bottom: 0em; + margin-left: -1.2em; + } + + + .bk4 { + border: 2px solid #00AEED; + padding: 1px 10px 1px 10px; + margin-top: 2em; + border-radius: 1.5em; + margin-bottom: 1em; + } + + .bk4-1 { + background: #E2F4FE; + padding: 1px 10px 1px 10px; + margin-top: 1em; + border-radius: 1.5em; + margin-bottom: 1em; + } + + .bk-t { + background: #E2F4FE; + border: 1px solid #00AEED; + border-radius: 0.5em; + width: 75px; + padding: 0 5px; + margin-left: 2em; + + + } + +} +.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 { + + .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'; + } + } +} + + + +@media screen and (max-width: 1024px) { + .pdfModal { + width: 100%; + height: 80vh; + } + + .custom-dialog { + .el-dialog { + width: 90vw !important; + } + } +} + +@media screen and (max-width: 800px) { + .img-g{ + display: none; + } + .pdfModal { + width: 100%; + height: 60vh; + } + + .custom-dialog { + .el-dialog { + width: 90vw !important; + } + } +} \ No newline at end of file -- Gitblit v1.9.1