From 0b17cbbba7c0875a6413361a95b9bef508b27444 Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期一, 03 六月 2024 11:23:02 +0800 Subject: [PATCH] 优化 --- src/books/lifeCare/css/default.less | 117 +++++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 99 insertions(+), 18 deletions(-) diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less index 9b068d6..feb00f4 100644 --- a/src/books/lifeCare/css/default.less +++ b/src/books/lifeCare/css/default.less @@ -26,8 +26,9 @@ textarea { width: 100%; text-indent: 2em; - max-width: 653px; - min-height: 100px; + // max-width: 652px; + // min-height: 100px; + font-size: 16px; } .coverImg { @@ -41,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 { @@ -64,7 +105,6 @@ line-height: 21px; background-color: #f49a4c; font-size: 20px; - } .drawflow-node { @@ -110,12 +150,14 @@ .btn-export { float: right; position: absolute; - top: 10px; + top: 4px; right: 10px; - color: white; + color: #333; font-weight: bold; - border: 1px solid #0e5ba3; - background: #4ea9ff; + // 0e5ba3 + border: 1px solid #ccc; + // 4ea9ff + background: #fff; padding: 5px 10px; border-radius: 4px; cursor: pointer; @@ -125,23 +167,46 @@ .btn-clear { float: right; position: absolute; - top: 10px; + top: 4px; right: 85px; color: white; font-weight: bold; - border: 1px solid #96015b; - background: #e3195a; + // 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: 890px; + height: 765px; + + .drawflow { + display: flex; + flex-direction: column; + + .content { + border-top-width: 1px; + border-top-style: solid; + } + } } .chapter { @@ -337,7 +402,7 @@ border: 1px solid #999; font-size: 15px; color: #000; - background-color: #eee; + background-color: #f9f9f9; } .imgBox-003 { @@ -373,6 +438,10 @@ padding: 8px; overflow: hidden; white-space: pre-line; + + input { + font-size: 14px; + } textarea { width: 100%; @@ -487,7 +556,10 @@ .bk-inputUpload { width: 100%; - display: block; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; min-height: 100px; input { @@ -497,14 +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; + } + + .upload_text { + color: #000; + font-size: 14px; + font-weight: 700; + font-family: "榛戜綋"; } } @@ -1034,7 +1113,7 @@ } .imz { - width: 96%; + width: 100%; text-align: center; } @@ -1416,7 +1495,9 @@ width: 100%; border: 0 !important; font-size: 16px; - border-radius: 20px; + border-radius: 5px; + max-width: 620px; + min-width: 620px; } } -- Gitblit v1.9.1