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 | 283 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 274 insertions(+), 9 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index 79e1aea..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,19 +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 { - border: 1px solid #0aa2e9; + width: 100%; + border: 1px solid #89a0d0; border-collapse: collapse; padding: 0; margin: 0; tr th { - border: 1px solid #0aa2e9; - background-color: #b0a3cf; + border: 1px solid #89a0d0; + background-color: #d6dbee; color: #f49a4c; text-align: center; padding: 5px 20px; @@ -57,10 +137,11 @@ } tr td { - border: 1px solid #0aa2e9; + border: 1px solid #89a0d0; text-align: center; padding: 3px 10px; font-size: 14px; + line-height: 25px; input { cursor: pointer; @@ -112,10 +193,175 @@ } + .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 { + p { + font-size: 16px; + } + + .finishiText { + border: 0; + background-color: transparent; + text-align: center; + } + + .finishiText:focus { + border: 0; + outline: none; + } + + .textInputarea { + width: 100%; + max-width: 336px; + border: 0; + background-color: transparent; + } + + .textInputarea:focus { + outline: none; + } + + .xyx-fu { + color: #0087af; + font-size: 18px; + font-weight: bold; + } + + .xyx-fu-ss { + color: #f49a4c; + font-weight: 600; + } + + .xyx-fu-title { + font-family: "STKaiti"; + text-align: center; + color: #cd141c; + } + + .xyx-tips { + color: #0087af; + font-size: 18px; + font-weight: bolder; + } } .xyx-con { @@ -124,6 +370,20 @@ .xyx-ul { font-size: 16px; + } + + .assess { + width: 200px; + height: 25px; + border: 0; + background-color: transparent; + border-bottom: 1px solid #000; + } + + .assess:focus { + border: 0; + outline: none; + border-bottom: 1px solid #000; } .ls1 { @@ -199,7 +459,7 @@ } div.bodystyle { - font-family: "FZLTXIHJW"; + font-family: "瀹嬩綋"; font-size: 18px; text-align: justify; padding: 10% 10%; @@ -364,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; } @@ -582,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