From d539ff4e3376b889d212e90db1c3434f4b0de8d0 Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期五, 24 一月 2025 10:27:34 +0800
Subject: [PATCH] 托育
---
src/books/childcareInstitutionsManagement/assets/main.less | 563 +++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 432 insertions(+), 131 deletions(-)
diff --git a/src/books/childcareInstitutionsManagement/assets/main.less b/src/books/childcareInstitutionsManagement/assets/main.less
index cf8a67f..e5381dc 100644
--- a/src/books/childcareInstitutionsManagement/assets/main.less
+++ b/src/books/childcareInstitutionsManagement/assets/main.less
@@ -83,6 +83,7 @@
.al-c {
align-items: center;
}
+
.ju-cn {
justify-content: center;
}
@@ -195,7 +196,7 @@
font-family: "FangSong";
}
- .br {
+ .br1 {
text-align: center;
padding: 0 15px;
color: #fff;
@@ -205,13 +206,33 @@
}
- .br-r{
+ .br-r {
+ width: 100px;
+ height: 35px;
+ background-image: url(../assets/images/ym1.png);
+ background-size: 100% 100%;
text-align: center;
- padding: 0 30px;
color: #fff;
- background: #8ed9fc;
- border-radius: 10px 0 0 10px;
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 {
@@ -221,7 +242,8 @@
color: #00B1F5;
margin-bottom: 1em;
}
- .rw-bg1{
+
+ .rw-bg1 {
width: 90%;
height: 90px;
position: relative;
@@ -248,23 +270,25 @@
mix-blend-mode: multiply;
}
- .table{
+ .table {
border: 2px solid #00B1F5;
border-collapse: collapse;
- td{
- border: 1px solid #00B1F5;
- border-collapse: collapse;
- padding: 0 10px;
- background: #C7EAFD;
- }
-
+
+ td {
+ border: 1px solid #00B1F5;
+ border-collapse: collapse;
+ padding: 0 10px;
+ background: #C7EAFD;
+ }
+
.td1 {
width: 100px;
- color:#01AFEE;
+ color: #01AFEE;
background: #9ADBF9;
}
}
+
.block1 {
font-family: "FangSong";
margin-top: 0.2em;
@@ -275,22 +299,24 @@
text-align: justify;
}
- .img-rights{
-
+ .img-rights {
+
width: 160px;
float: right;
height: auto;
margin: auto;
margin-left: 18px;
}
- .pt-1{
- padding:120px 0;
- }
- .pt-2{
- padding:30px 0;
+
+ .pt-1 {
+ padding: 120px 0;
}
- .img-lefts{
+ .pt-2 {
+ padding: 30px 0;
+ }
+
+ .img-lefts {
width: 160px;
float: left;
height: auto;
@@ -336,26 +362,27 @@
}
.textarea-box {
- width:100%;
+ width: 100%;
overflow: auto;
word-break: break-all;
resize: none;
- border:1px solid #01AFEE;
+ border: 1px solid #01AFEE;
border-radius: 5px;
- background-color:rgba(255, 255, 255, 0);
+ background-color: rgba(255, 255, 255, 0);
}
+
.textarea-box1 {
- width:100%;
+ width: 100%;
overflow: auto;
word-break: break-all;
resize: none;
- border:0;
+ border: 0;
border-radius: 5px;
- background-color:rgba(255, 255, 255, 0);
+ background-color: rgba(255, 255, 255, 0);
+ outline: none;
}
-
.imgBox-003 {
width: 100%;
height: 280px;
@@ -366,7 +393,7 @@
display: flex !important;
flex-direction: column-reverse !important;
position: relative !important;
-
+
.img {
margin: 0 !important;
font-size: 14px !important;
@@ -375,13 +402,13 @@
transform: translateX(-50%);
bottom: -2% !important;
}
-
+
img {
height: 80%;
}
}
- .btn-box{
+ .btn-box {
margin-left: 5px;
cursor: pointer;
text-indent: 0;
@@ -391,13 +418,132 @@
padding: 5px;
background-color: #01AFEE;
border-radius: 5px;
+
svg {
fill: #fff;
}
}
- .jc-img{
+
+ .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;
+ }
+ }
+
//杩佺Щ
@@ -408,12 +554,13 @@
li {
list-style-type: none;
}
-
- .note{
- font-size: 0.8em;
+
+ .note {
+ font-size: 0.8em;
}
+
.note-line {
- width:200px;
+ width: 200px;
margin: 10px 0;
}
@@ -503,31 +650,33 @@
}
h3 {
- font-family:'FZHTJW';
- color:#03AFED;
- font-weight:400;
- font-size:1em;
- margin-bottom:1em;
- margin-top:1em;
- text-indent:0em;
+ 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;
+ 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;
+ font-family: 'FZHTJW';
+ font-weight: 400;
+ color: #03AFED;
+ margin-bottom: 0.5em;
+ margin-top: 1em;
+ font-size: 1em;
+ text-indent: 2em;
}
.rwmb-1 {
@@ -536,43 +685,46 @@
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-2 {
+ margin-left: -2.3em;
+ margin-bottom: -0.5em;
+ margin-top: 0.2em;
+ height: 2em;
}
- .rwmb-5{
- margin-left:-2.75em;
- margin-bottom:1em;
- margin-top:-5em;
- height:2em;
+ .rwmb-3 {
+ margin-left: 0.5em;
+ margin-bottom: -0.5em;
+ margin-top: -0.5em;
+ height: 2em;
}
- .rwmb-6{
- height:1.2em;
- margin-top:0.5em;
+ .rwmb-4 {
+ margin-left: 0.5em;
+ margin-bottom: -0.5em;
+ margin-top: 1.2em;
+ height: 1em;
}
- .rwmb-7{
- margin-top:0.5em;
- height:1.2em;
+
+ .rwmb-5 {
+ margin-left: -2.75em;
+ margin-bottom: 1em;
+ margin-top: -5em;
+ height: 2em;
}
-
- .block {
+
+ .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";
@@ -601,11 +753,12 @@
margin-left: 0%;
margin-right: 0%;
}
- .img{
+
+ .img {
font-weight: bold;
- font-family:'FZLTXIHJW';
+ font-family: 'FZLTXIHJW';
text-align: center;
- font-size:0.85em;
+ font-size: 0.85em;
margin-left: 0%;
margin-right: 0%;
text-indent: 0em;
@@ -662,52 +815,200 @@
margin-left: 15%;
}
- .bk{
- border:2px solid #3FC6F6;
+ .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;
+ padding: 3px 10px 3px 10px;
+ margin-top: 2em;
+ border-radius: 1.5em;
+ margin-bottom: 1em;
}
- .bk1{
- margin-top:-2.2em;
- margin-bottom:0.5em;
- margin-left:-1.2em;
+ .bk2 {
+ background: #E2F4FE;
+ border: 2px solid #3EC9F4;
+ padding: 3px 10px 3px 10px;
+ margin-top: 2em;
+ margin-bottom: 1em;
}
-
- .bk3{
- margin-top:-1.5em;
- margin-bottom:0em;
- margin-left:-1.2em;
+
+ .bk1 {
+ margin-top: -2.2em;
+ margin-bottom: 0.5em;
+ 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:2em;
- border-radius:1.5em;
- margin-bottom:1em;
+
+ .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: 2em;
+ 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) {
+ .pdfModal {
+ width: 100%;
+ height: 60vh;
+ }
+
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
}
\ No newline at end of file
--
Gitblit v1.9.1