From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 28 四月 2025 18:34:51 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/English/assets/main.less | 499 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 485 insertions(+), 14 deletions(-) diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less index 6fddb40..2d853c1 100644 --- a/src/books/English/assets/main.less +++ b/src/books/English/assets/main.less @@ -235,7 +235,7 @@ width: 96%; text-align: center; } - + .img-a { width: 95%; } @@ -287,14 +287,15 @@ -moz-text-emphasis-style: dot; -ms-text-emphasis-style: dot; text-emphasis-style: dot; - -webkit-text-emphasis-position: under; - -moz-text-emphasis-position: under; - -ms-text-emphasis-position: under; - text-emphasis-position: under; + -webkit-text-emphasis-position: under left; + -moz-text-emphasis-position: under left; + -ms-text-emphasis-position: under left; + text-emphasis-position: under left; } .fieldset { - border: 2px solid #5f5f5d; + border: 2px dashed #F9A71B; + border-radius: 10px; font-size: 0.9em; margin-left: 1.5em; margin-right: 1.5em; @@ -586,7 +587,7 @@ margin-top: 0.5em; } .bjh3 { - border: 10px dotted #faeec6; + border: 5px dotted #faeec6; background: #0da785; padding: 0.2em 0.4em 0.2em 0.4em; color: #ffffff; @@ -651,7 +652,7 @@ // 鑷畾涔夊唴瀹� .page-box { box-sizing: border-box; - min-height: 1150px !important; + min-height: 1128px; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; @@ -667,11 +668,26 @@ padding: 0; list-style: none; } + .fm-son { + font-family: "瀹嬩綋", SimSun, sans-serif; + } .tl { text-align: left !important; } + .de-cl{ + flex-direction: column; + } .fl { display: flex; + } + .fd-c{ + flex-direction: column; + } + .fw-wr { + flex-wrap: wrap; + } + .ju-ar { + justify-content: space-around; } .ju-bt { justify-content: space-between; @@ -679,11 +695,23 @@ .ju-cn { justify-content: center; } + .ju-ev { + justify-content: space-evenly; + } + .al-cn { + align-items: center; + } .al-end { align-items: flex-end; } + .fz-13{ + font-size: 13px; + } .fz-14 { font-size: 14px; + } + .fz-16 { + font-size: 16px; } .fz-18 { font-size: 18px; @@ -694,17 +722,27 @@ .m0 { margin: 0 !important; } + .mb-0 { margin-bottom: 0; } .mb-20 { margin-bottom: 20px; } + .mt-20 { + margin-top: 20px; + } + .mt-40 { + margin-top: 40px; + } + .mr-20 { + margin-right: 20px; + } .wh-nr { white-space: nowrap; } - .padding-93 { - padding: 0 93px 0px 93px; + .tl-le { + text-align: left; } .pb-104 { padding-bottom: 104px; @@ -712,8 +750,44 @@ .t0 { text-indent: 0; } + .h50{ + height: 50%; + } .w100 { width: 100%; + } + .w95 { + width: 95%; + } + .w90 { + width: 90%; + } + .w80 { + width: 80%; + } + .w80x { + width: 80px !important; + } + .w70 { + width: 70%; + } + .w50 { + width: 50%; + } + .w48 { + width: 48%; + } + .w45{ + width: 45%; + } + .w35{ + width: 35%; + } + .w20{ + width: 20%; + } + .w10{ + width: 10%; } .pd-20 { padding: 0 20px; @@ -732,6 +806,69 @@ } .event-text-color { color: #639bc2; + } + .event-header-bc-unit2 { + background: linear-gradient(to right, #bc5a74, #fff); + } + .event-header-text-bc-unit2 { + background-color: #f0d1c8; + } + .event-text-color-unit2 { + color: #bc5a74; + } + .event-header-bc-unit3 { + background: linear-gradient(to right, #3ab186, #fff); + } + .event-header-bc-unit4 { + background: linear-gradient(to right, #814974, #fff); + } + .event-header-bc-unit5 { + background: linear-gradient(to right, #AE603F, #fff); + } + .event-header-bc-unit6 { + background: linear-gradient(to right, #2B6026, #fff); + } + .event-header-bc-unit7 { + background: linear-gradient(to right, #004A6D, #fff); + } + .event-header-bc-unit8 { + background: linear-gradient(to right, #FEC50D, #fff); + } + .event-header-text-bc-unit3 { + background-color: #cbe6d3; + } + .event-header-text-bc-unit4 { + background-color: #E0CAD4; + } + .event-header-text-bc-unit5 { + background-color: #E6D1C1; + } + .event-header-text-bc-unit6 { + background-color: #DCE4B8; + } + .event-header-text-bc-unit7 { + background-color: #99BFD6; + } + .event-header-text-bc-unit8 { + background-color: #F7E8BB; + } + .event-text-color-unit3 { + color: #3ab186; + } + .event-text-color-unit4 { + color: #814974; + } + .event-text-color-unit5 { + color: #AE603F; + } + .event-text-color-unit6 { + color: #2B6026; + } + .event-text-color-unit7 { + color: #004A6D; + } + .event-text-color-unit8 { + color: #FEC50D ; } .y-bc { background-color: #f3e3c7; @@ -752,6 +889,16 @@ // color: #8fc58c; font-weight: bold; } + } + .tl-lf{ + text-align: left; + } + .tl-ju{ + text-align: justify; + } + .table-p{ + margin: 0%; + text-indent: 0; } // 椤电爜 .preface-bottom { @@ -783,19 +930,179 @@ .input-bottom-border { border: 0; border-bottom: 1px solid #000000; - width: 86%; &:focus { outline: none; } } - .parimary-btn { - cursor: pointer; + .select-border { + border: 0; + border-bottom: 1px solid #767676; + &:focus { + outline: none; + } + } + .input-bc-t { + border: 0; + border-bottom: 1px solid #000000; + width: 86%; + background-color: transparent; + &:focus { + outline: none; + } + } + .check-bc-t{ + background-color: transparent; + } + .select-bc-t{ + background-color: transparent; + } + .input-no-border{ + border: 0; + width: 86%; + &:focus { + outline: none; + } + } + .bor-b-n{ + border-bottom: none; + } + .bor-t-n{ + border-top: none; + } +// 缁〃 + .continued{ + text-align: right; + color: #FBB56D; + margin: 0%; + padding-right: 2%; + } + .preface-odd-header { + height: 104px; + display: flex; + align-items: center; + li:first-child { + width: 15px; + height: 100%; + } + li:last-child { + display: flex; + align-items: center; + span:first-child { + box-sizing: border-box; + height: 30px; + display: inline-block; + padding: 5px 10px; + border-radius: 8px 0 0 8px; + color: #fff; + font-weight: bold; + } + span:last-child { + min-width: 40px; + min-height: 30px; + line-height: 30px; + padding: 0 5px; + display: inline-block; + } + } + .chapter-left-bc { + background-color: #639bc2; + } + .chapter-left-bc-unit2 { + background-color: #bc5a74; + } + .chapter-left-bc-unit3 { + background-color: #3ab186; + } + .chapter-left-bc-unit4 { + background-color: #814974; + } + .chapter-left-bc-unit5 { + background-color: #C17654; + } + .chapter-left-bc-unit6 { + background-color: #326C36; + } + .chapter-left-bc-unit7 { + background-color: #004A6D; + } + .chapter-left-bc-unit8 { + background-color: #FEC50D; + } + .chapter-right-bc { + background-color: #bbd4ec; + } + .chapter-right-bc-unit2 { + background-color: #f0d1c8; + padding-right: 10%; + } + .chapter-right-bc-unit3 { + background-color: #cbe6d3; + padding-right: 10%; + } + .chapter-right-bc-unit4 { + background-color: #E0CAD4; + padding-right: 10%; + } + .chapter-right-bc-unit5 { + background-color: #E6D1C1; + padding-right: 10%; + } + .chapter-right-bc-unit6 { + background-color: #DCE4B8; + padding-right: 10%; + } + .chapter-right-bc-unit7 { + background-color: #99BFD6; + padding-right: 10%; + } + .chapter-right-bc-unit8 { + background-color: #F7E8BB; + padding-right: 10%; + } + .chapter-right-cl { + color: #639bc2; + } + .chapter-right-cl-unit2 { + color: #bc5a74; + } + .chapter-right-cl-unit3 { + color: #3ab186; + } + .chapter-right-cl-unit4 { + color: #814974; + } + .chapter-right-cl-unit5 { + color: #C17654; + } + .chapter-right-cl-unit6 { + color: #326C36; + } + .chapter-right-cl-unit7 { + color: #004A6D; + } + .chapter-right-cl-unit8 { + color: #FEC50D; + } + } + .tl-w-45{ + width: 45%; + } + .mr-rg{ + margin-right: 0; + } + .mr-10{ + margin-right: 10%; + } + .parimary-btn { + min-width: 80px; + height: 30px; + font-size: 14px; margin-left: 5px; background-color: #0bab87; border-color: #0bab87; + border-width: 1px; color: #fff; border-radius: 6px; - font-size: 16px; &:hover { background-color: #a1afc8; border-color: #a1afc8; @@ -807,4 +1114,168 @@ .error-icon { color: red; } + .icon-box { + text-indent: 0; + margin-left: 8px; + display: inline-block; + width: 18px; + height: 18px; + } + .icon-box-big{ + width: 45px; + height: 45px; + + } + .word-bc { + // background-color: #a1afc8; + background-color: #e1ebf6; + cursor: pointer; + } + .textarea-text { + &:focus { + border-color: #659ac6; + outline: none; + } + } + .table-th-bc { + background-color: #f7ab57; + } + .table-tr-bc { + background-color: #f2e2be; + } + .table-textarea { + font-size: 14px; + font-family: "Times New Roman", "瀹嬩綋"; + resize: none; + &:focus { + outline: none; + } + } + .wh-no { + white-space: nowrap; + } + .tl-cn { + text-align: center; + } + .tl-left{ + text-align: left; + }.tl-right { + text-align: right; + } + .b0 { + border: 0; + } + button { + cursor: pointer; + border-radius: 6px; + } + button:focus { + outline: none; + } + .pd-5 { + padding: 0 5px; + } + .resource-primary-border { + border: 3px dotted #f49a4c; + border-radius: 1em; + } + .btn-border { + border-color: #0bab87; + } + svg { + fill:#fff ; + } + .btn-box { + margin-left: 5px; + cursor: pointer; + text-indent: 0; + display: inline-block; + border:1px solid #0bab87; + height: 22px; + padding: 5px; + background-color:#0bab87 ; + border-radius: 5px; + &:hover { + background-color: #fff; + svg { + fill:#0bab87 ; + } + } + } + .bor-g{ + border: 1px solid green; + padding:2% 2% ; + } + .textarea-box { + border: none; + text-align: center; + width: 84px; + height: 36px; + overflow: auto; + word-break: break-all; + resize: none; + } + .textarea-box-right{ + width: 500px; + height: 36px; + } + .textarea-box-center{ + width: 300px; + height: 36px; + } + .matching-title-text { + color: #f49a4c; + font-weight: bold; + } + .select-border { + border: 0; + border-bottom: 1px solid #000; + outline: none; + } + .tc { + border-color: #eace8d; + } +} +/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ +@media (max-width: 660px) { + .english-book { + /* 鍒嗛〉padding */ + .padding-93 { + padding: 0 20px; + } + .padding-102 { + padding: 0 20px; + } + } +} +@media (min-width: 660px) { + .english-book { + .padding-93 { + padding: 0 93px 0px 93px; + } + .padding-102 { + padding: 0 102px 0 102px; + } + } +} +::-webkit-scrollbar { + width: 8px; + height: 10px; +} + +::-webkit-scrollbar-track-piece { + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 6px; +} + +::-webkit-scrollbar-thumb:vertical { + height: 5px; + background-color: rgba(125, 125, 125, 0.3); + -webkit-border-radius: 6px; +} + +::-webkit-scrollbar-thumb:horizontal { + width: 5px; + background-color: rgba(125, 125, 125, 0.3); + -webkit-border-radius: 6px; } -- Gitblit v1.9.1