From 781876372311fa27266a223062b460ac09e93a40 Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期五, 31 五月 2024 14:27:28 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/sportsAndHealth/css/default.less | 200 ++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 195 insertions(+), 5 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index 7edd69b..a6078a1 100644 --- a/src/books/sportsAndHealth/css/default.less +++ b/src/books/sportsAndHealth/css/default.less @@ -37,20 +37,95 @@ position: relative; } + .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 +133,7 @@ } tr td { - border: 1px solid #95b2dc; + border: 1px solid #89a0d0; text-align: center; padding: 3px 10px; font-size: 14px; @@ -114,10 +189,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 +324,14 @@ border: 0; outline: none; } - + .textInputarea { width: 100%; max-width: 336px; border: 0; background-color: transparent; } + .textInputarea:focus { outline: none; } -- Gitblit v1.9.1