From dee91930a69ba69502d9506cae3d58d72e7a152b Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 07 六月 2024 16:50:59 +0800 Subject: [PATCH] 阅读器取选中页首字改为50 --- src/books/English/assets/main.less | 259 ++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 244 insertions(+), 15 deletions(-) diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less index f8b5f1a..b9457af 100644 --- a/src/books/English/assets/main.less +++ b/src/books/English/assets/main.less @@ -287,10 +287,10 @@ -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 { @@ -586,7 +586,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 +651,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 +667,17 @@ padding: 0; list-style: none; } + .fm-son { + font-family: "瀹嬩綋", SimSun, sans-serif; + } .tl { text-align: left !important; } .fl { display: flex; + } + .fw-wr { + flex-wrap: wrap; } .ju-bt { justify-content: space-between; @@ -679,32 +685,57 @@ .ju-cn { justify-content: center; } + .ju-ev { + justify-content: space-evenly; + } + .al-cn { + align-items: center; + } .al-end { align-items: flex-end; } .fz-14 { font-size: 14px; } + .fz-16 { + font-size: 16px; + } + .fz-18 { + font-size: 18px; + } + .fw-bl { + font-weight: bold; + } .m0 { margin: 0 !important; } + .mb-0 { margin-bottom: 0; } .mb-20 { margin-bottom: 20px; } + .mt-20 { + margin-top: 20px; + } + .mt-40 { + margin-top: 40px; + } .wh-nr { white-space: nowrap; } - .padding-93 { - padding: 0 93px 0px 93px; + .tl-le { + text-align: left; } .pb-104 { padding-bottom: 104px; } .t0 { text-indent: 0; + } + .w100 { + width: 100%; } .pd-20 { padding: 0 20px; @@ -719,10 +750,10 @@ background: linear-gradient(to right, #639bc2, #fff); } .event-header-text-bc { - background-color:#bbd4ec ; + background-color: #bbd4ec; } .event-text-color { - color:#639bc2 ; + color: #639bc2; } .y-bc { background-color: #f3e3c7; @@ -744,6 +775,7 @@ font-weight: bold; } } + // 椤电爜 .preface-bottom { height: 104px; display: flex; @@ -754,19 +786,216 @@ width: 30px; height: 30px; line-height: 30px; - color:#11ad8a ; + color: #11ad8a; font-weight: bold; text-align: center; border: 1px solid #11ad8a; border-radius: 20px; } .contet-num-box { - width: 50px; - height: 30px; - line-height: 40px; + width: 56px; + height: 36px; + line-height: 36px; text-align: center; background-color: #e6e7e9; - border-radius: 35px; + border-radius: 50%; + font-weight: bold; } } + .input-bottom-border { + border: 0; + border-bottom: 1px solid #000000; + width: 86%; + &:focus { + outline: none; + } + } + .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-right-bc { + background-color: #bbd4ec; + } + .chapter-right-cl { + color: #639bc2; + } + } + .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; + &:hover { + background-color: #a1afc8; + border-color: #a1afc8; + } + } + .correct-icon { + color: green; + } + .error-icon { + color: red; + } + .icon-box { + margin-left: 8px; + display: inline-block; + width: 18px; + height: 18px; + } + .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; + } + .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 ; + } + } + } + .textarea-box { + border: none; + text-align: center; + width: 84px; + height: 36px; + overflow: auto; + word-break: break-all; + resize: none; + } +} +/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ +@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