From 04dcf813e8002a99f6553d25065c30af1c4431f2 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 31 五月 2024 17:54:30 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/sportsAndHealth/css/default.less | 219 ++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 209 insertions(+), 10 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index 7edd69b..7d89a6c 100644 --- a/src/books/sportsAndHealth/css/default.less +++ b/src/books/sportsAndHealth/css/default.less @@ -26,6 +26,7 @@ margin: 0 auto; border-color: #f49a4c; height: 100%; + font-size: 18px; .chapter { .page-box { @@ -37,20 +38,98 @@ position: relative; } + .pdf-content { + padding: 15%; + box-sizing: border-box; + } + + .bodystyle-chapter001 { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + position: relative; + .bj-chapter001-bj-icon { + padding-top: 15px; + } + + .bj-chapter001-con { + width: 60%; + position: absolute; + left: 0; + top: 5%; + .bj-chapter001-con-icon { + width: 100%; + img { + padding-top: 20px; + width: 100%; + } + } + } + } + .tablePublic { display: flex; + flex-direction: column; justify-content: center; + align-items: center; + padding-top: 20px; + + .table-bottom { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + font-size: 14px; + + .score { + padding-top: 10px; + } + + .btn { + display: flex; + justify-content: center; + + span { + display: block; + height: 25px; + line-height: 15px; + border: 1px solid #89a0d0; + padding: 5px 15px; + box-sizing: border-box; + border-radius: 5px; + cursor: pointer; + -webkit-user-select: none; + /* Safari 3.1+ */ + -moz-user-select: none; + /* Firefox 2+ */ + -ms-user-select: none; + /* IE 10+ */ + user-select: none; + /* 鏍囧噯璇硶 */ + } + + span:hover { + background-color: #89a0d0; + color: #FFF; + } + + span:nth-child(1) { + margin-right: 10px; + } + } + } table { width: 100%; - border: 1px solid #95b2dc; + border: 1px solid #89a0d0; border-collapse: collapse; padding: 0; margin: 0; tr th { - border: 1px solid #95b2dc; - background-color: #b0a3cf; + border: 1px solid #89a0d0; + background-color: #d6dbee; color: #f49a4c; text-align: center; padding: 5px 20px; @@ -58,7 +137,7 @@ } tr td { - border: 1px solid #95b2dc; + border: 1px solid #89a0d0; text-align: center; padding: 3px 10px; font-size: 14px; @@ -114,10 +193,124 @@ } + .bk-xyx { + textarea { + width: 100%; + max-width: 625px; + border: 1px solid #89a0d0; + border-radius: 5px; + } + + textarea:focus { + outline: none; + text-indent: 2em; + } + } + + .publicxbc { + min-width: 100px; + display: flex; + justify-content: center; + position: absolute; + top: -20px; + left: 10px; + background-color: #d6dbee; + padding: 5px; + box-sizing: border-box; + color: #5877ba; + font-family: "FZLTXIHJW"; + font-size: 16px; + font-weight: 700; + border-radius: 15px; + + .icon { + width: 25px; + height: 25px; + border-radius: 5px; + background-color: #007aff; + border: 1px solid #007aff; + display: flex; + justify-content: center; + align-items: center; + margin-left: 10px; + cursor: pointer; + + svg { + fill: #fff; + } + } + + .icon:hover { + background-color: #fff; + border: 1px solid #007aff; + + svg { + fill: #007aff; + } + } + } + + + .pdf-text { + display: flex; + justify-content: space-between; + align-items: center; + + p { + margin-right: 10px; + } + + .pdf-con { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + border: 2px dotted #5d78bb; + padding: 10px 0; + box-sizing: border-box; + border-radius: 10px; + margin-left: 10px; + margin-top: -50px; + + .pdf-view { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + img { + width: 80px; + } + + span { + min-width: 150px; + font-size: 14px; + text-align: center; + } + + span:hover { + color: #5877ba; + 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; + /* 鏍囧噯璇硶 */ + } + } + } + } + + .xyx-title { font-family: "STKaiti"; text-align: center; color: #cd141c; + padding: 20px 0; } .xyx-text { @@ -135,13 +328,14 @@ border: 0; outline: none; } - + .textInputarea { width: 100%; max-width: 336px; border: 0; background-color: transparent; } + .textInputarea:focus { outline: none; } @@ -265,7 +459,7 @@ } div.bodystyle { - font-family: "FZLTXIHJW"; + font-family: "瀹嬩綋"; font-size: 18px; text-align: justify; padding: 10% 10%; @@ -430,10 +624,10 @@ h1.front { font-family: "FZLTZHJW"; - color: #b898c7; + color: #ac92c4; text-align: center; font-size: 1.8em; - margin-bottom: 0.5cm; + margin-bottom: 2em; margin-top: 0.5cm; } @@ -648,14 +842,19 @@ } .block1 { - font-family: "STKaiti"; + font-family: "浠垮畫"; text-align: right; + font-weight: 600; } .block2 { - font-family: "STKaiti"; + font-family: "瀹嬩綋"; text-align: center; text-indent: 0em; + font-size: 16px; + font-weight: 700; + margin: -3px 0; + color: #333; } .block3 { -- Gitblit v1.9.1