From 2f0dd88ef2dc8c95ad35bebf0aa6bb3e90446a11 Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期一, 03 六月 2024 17:33:27 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/lifeCare/css/default.less | 266 +++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 238 insertions(+), 28 deletions(-) diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less index 0e1d440..bc14f9c 100644 --- a/src/books/lifeCare/css/default.less +++ b/src/books/lifeCare/css/default.less @@ -4,11 +4,17 @@ overflow: auto; } -.public-books { +.public-lifeCare { max-width: 816px; min-width: 375px; margin: 0 auto; border-color: #f49a4c; + height: 100%; + + .swiper-button-prev, + .swiper-button-next { + color: #F49A4C; + } textarea:focus, input:focus { @@ -20,8 +26,15 @@ textarea { width: 100%; text-indent: 2em; - max-width: 653px; - min-height: 100px; + // max-width: 652px; + // min-height: 100px; + font-size: 16px; + } + + .coverImg { + position: absolute; + top: 0; + left: 0; } .prefaceImg { @@ -29,6 +42,46 @@ position: absolute; left: 4%; top: 4%; + } + + + .border-xxfs { + border-radius: 0 !important; + position: relative; + padding: 10px; + padding-top: 20px !important; + border: 2px dotted #00aeef !important; + + + .bj3 { + display: flex; + justify-content: flex-start; + align-items: center; + width: 105px; + height: 30px; + position: absolute; + padding: 0 !important; + padding-left: 5px !important; + box-sizing: border-box; + top: 0; + background-color: #00aeef !important; + color: #fff !important; + border-bottom-right-radius: 25px; + + .cirlce { + width: 40px; + height: 40px; + border: 2px solid #00aeef; + border-radius: 50%; + position: absolute; + left: -38px; + background: url('../image/xxfs.png'); + background-position: center; + background-size: 70% 70%; + background-repeat: no-repeat; + background-color: #fff; + } + } } input { @@ -39,6 +92,121 @@ font-size: 16px; text-align: center; white-space: pre-line; + } + + .drawflow { + .main-path { + stroke: #f49a4c; + } + + .drawflow-delete { + width: 25px; + height: 25px; + line-height: 21px; + background-color: #f49a4c; + font-size: 20px; + } + + .drawflow-node { + background-color: #fff; + border: 0px solid #f49a4c; + box-shadow: 1px 1px 5px 0 #f49a4c; + + .contentWall { + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + .contentTitle { + margin-bottom: 5px; + } + + .contentText { + textarea { + width: auto; + min-height: 50px; + margin: 0; + outline: none; + border-color: #f49a4c; + border-radius: 5px; + } + + textarea:focus { + border: 1px solid #fabf2e !important; + } + } + } + + .input, + .output { + border-color: #f49a4c; + border-width: 1px; + } + } + + .content { + .btn-export { + float: right; + position: absolute; + top: 4px; + right: 10px; + color: #333; + font-weight: bold; + // 0e5ba3 + border: 1px solid #ccc; + // 4ea9ff + background: #fff; + padding: 5px 10px; + border-radius: 4px; + cursor: pointer; + z-index: 5; + } + + .btn-clear { + float: right; + position: absolute; + top: 4px; + right: 85px; + color: white; + font-weight: bold; + // 96015b + border: 1px solid #f49a4c; + // e3195a + background: #f49a4c; + padding: 5px 10px; + border-radius: 4px; + cursor: pointer; + z-index: 5; + } + + .btn-export:hover { + color: #f49a4c; + border: 1px solid #f49a4c; + } + + .btn-clear:hover { + background-color: #fff; + color: #f49a4c; + border: 1px solid #f49a4c; + } + } + } + + .drawContent_wall { + width: 100%; + height: 765px; + + .drawflow { + display: flex; + flex-direction: column; + + .content { + border-top-width: 1px; + border-top-style: solid; + } + } } .chapter { @@ -132,7 +300,6 @@ } } - .pageHeader-second { width: 100%; display: flex; @@ -224,6 +391,8 @@ background-color: #a5c24f; } } + + } .textareaInput { @@ -233,7 +402,12 @@ border: 1px solid #999; font-size: 15px; color: #000; - background-color: #eee; + background-color: #f9f9f9; + } + + .imgBox-003 { + width: 100%; + height: 220px; } .chapter01Table { @@ -264,6 +438,10 @@ padding: 8px; overflow: hidden; white-space: pre-line; + + input { + font-size: 14px; + } textarea { width: 100%; @@ -346,9 +524,43 @@ } } + .btnUpload-list { + display: flex; + justify-content: center; + align-items: center; + width: 35px; + height: 30px; + border-radius: 5px; + background-color: #f49a4c; + border: 1px solid #f49a4c; + cursor: pointer; + + svg { + fill: #fff; + } + } + + .btnUpload-list:hover { + background-color: #fff; + + svg { + fill: #F49A4C; + } + } + + .pic-wall { + display: flex; + justify-content: flex-start; + align-items: center; + } + .bk-inputUpload { width: 100%; - height: 200px; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + min-height: 100px; input { width: 250px; @@ -357,25 +569,21 @@ } .btnUpload { - width: 60px; - height: 60px; - border: 2px dashed #f49a4c; + width: 30px; + height: 30px; display: flex; justify-content: center; align-items: center; font-size: 50px; cursor: pointer; + margin-left: 10px; } - - .btnUpload-list { - width: 40px; - height: 40px; - border: 2px dashed #f49a4c; - display: flex; - justify-content: center; - align-items: center; - font-size: 40px; - cursor: pointer; + + .upload_text { + color: #000; + font-size: 14px; + font-weight: 700; + font-family: "榛戜綋"; } } @@ -877,7 +1085,7 @@ } h4 { - font-family: "瀹嬩綋"; + font-family: "FZLTZHJW"; font-weight: bold; color: #f49a4c; font-size: 1.1em; @@ -905,7 +1113,7 @@ } .imz { - width: 96%; + width: 100%; text-align: center; } @@ -1045,10 +1253,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 { @@ -1287,7 +1495,9 @@ width: 100%; border: 0 !important; font-size: 16px; - border-radius: 20px; + border-radius: 5px; + max-width: 620px; + min-width: 500px; } } @@ -1321,10 +1531,10 @@ position: relative; .block { - font-size: 18px; + font-size: 16px; line-height: 25px; font-family: "浠垮畫"; - font-weight: 600; + font-weight: 700; color: #666; } } -- Gitblit v1.9.1