From 06a893e503c32ea16026db428f4d82eef7eedb3c Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期一, 27 五月 2024 17:37:50 +0800 Subject: [PATCH] 合并 --- src/books/lifeCare/css/default.less | 223 ++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 184 insertions(+), 39 deletions(-) diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less index 337909b..0e1d440 100644 --- a/src/books/lifeCare/css/default.less +++ b/src/books/lifeCare/css/default.less @@ -18,7 +18,10 @@ } textarea { + width: 100%; text-indent: 2em; + max-width: 653px; + min-height: 100px; } .prefaceImg { @@ -62,26 +65,26 @@ .header-bj { width: 78%; height: 100%; - border-left: 1px solid #dfb27d; - border-bottom: 1px solid #dfb27d; + border-left: 2px solid #dfb27d; + border-bottom: 2px solid #dfb27d; margin-left: 18%; } .content { - background-color: #f49a4c; + background-color: #F49A4C; width: 91%; height: 32%; display: flex; justify-content: flex-start; align-items: center; - margin-top: -5%; + margin-top: -6%; margin-left: 3%; .pageStr { - padding: 2px 12px; color: #fff; font-size: 24px; text-align: center; + margin: 0 20px; } .title { @@ -90,31 +93,41 @@ align-items: center; color: #fff; font-size: 20px; + position: relative; img { height: 30px !important; margin-right: 20px; } - } - } - @media (max-width: 414px) { - - .content { - right: 3%; - top: 4%; - - .title { - font-size: 18px; - padding: 2px 10px; + .ztImg { + height: 40px !important; + margin-top: -4px; } } } - @media (max-width: 756px) { + .zt1-content { + background-color: #f7b80a; + } + .zt1-header-bj { + border-left-color: #a5c24f; + border-bottom-color: #a5c24f; + } + + + @media (max-width: 756px) { .content { margin-top: -12%; + + .title { + font-size: 18px; + } + + .pageStr { + font-size: 18px; + } } } } @@ -136,8 +149,8 @@ align-items: center; font-size: 20px; position: absolute; - right: 5%; - top: 5%; + right: 36px; + top: 80px; .second-left { width: 23px; @@ -171,43 +184,44 @@ font-size: 28px; color: #fff; } - } - } - @media (max-width: 414px) { + .zt1-pageNum { + background-color: #a5c24f; + } - .second-con { - right: 3%; - top: 4%; - - .second-right .pageNum { - font-size: 18px; - padding: 2px 10px; + .zt1-pageStr { + color: #a5c24f; } } } @media (max-width: 756px) { - .second-con { - right: 3%; - top: 4%; + font-size: 18px; + + .pageNum { + font-size: 18px !important; + } } } @media (max-width: 1024px) { .second-con { - right: 3%; - top: 3%; + right: 20px; + top: 75px; } } .borderLine { width: 93%; - height: 1px; + height: 2px; background-color: #f49a4c; margin-top: 105px; + } + + .zt1-boderLine { + background-color: #a5c24f; } } } @@ -250,6 +264,13 @@ padding: 8px; overflow: hidden; white-space: pre-line; + + textarea { + width: 100%; + min-height: 20px; + min-width: 80px; + border: 0; + } } } @@ -283,24 +304,147 @@ } } + .bk-swdt { + display: flex; + justify-content: flex-start; + align-items: center; + + img { + width: 30px; + cursor: pointer; + } + } + + .bk-iframe { + width: 1200px; + height: 630px; + position: fixed; + left: -25%; + border: 1px solid #f49a4c; + z-index: 111; + background-color: #fff; + + .header-swdt { + height: 30px; + color: #000; + display: flex; + justify-content: space-between; + align-items: center; + background-color: #f49a4c; + + p { + margin: 0; + padding: 0; + padding-left: 10px; + text-indent: 0; + } + + i { + margin-right: 10px; + cursor: pointer; + } + } + } + + .bk-inputUpload { + width: 100%; + height: 200px; + + input { + width: 250px; + margin-left: 15px; + display: none; + } + + .btnUpload { + width: 60px; + height: 60px; + border: 2px dashed #f49a4c; + display: flex; + justify-content: center; + align-items: center; + font-size: 50px; + cursor: pointer; + } + + .btnUpload-list { + width: 40px; + height: 40px; + border: 2px dashed #f49a4c; + display: flex; + justify-content: center; + align-items: center; + font-size: 40px; + cursor: pointer; + } + } + + .upload-list { + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + flex-wrap: wrap; + } + + .demo-image__preview-swdt { + width: 100%; + height: 100%; + } + + .demo-image__preview { + width: 200px; + height: 100px; + border: 1px solid #f49a4c; + display: flex; + justify-content: center; + align-items: center; + margin-right: 6px; + margin-bottom: 6px; + overflow: hidden; + } + .bj-tip { + min-width: 269px; display: flex; justify-content: space-around; align-items: center; - padding: 3px 14px; + padding: 4px 14px; box-sizing: border-box; border: 3px solid #f49a4c; border-radius: 30px; position: absolute; - top: -30px; + top: -25px; left: 15px; background-color: #fff; color: #f49a4c; font-weight: bold; font-size: 18px; - img { - margin-left: 15px; + div { + width: 35px; + height: 30px; + border-radius: 5px; + background-color: #f49a4c; + border: 1px solid #f49a4c; + display: flex; + justify-content: center; + align-items: center; + margin-left: 5px; + cursor: pointer; + + svg { + fill: #fff; + } + } + + div:hover { + background-color: #fff; + border: 1px solid #f49a4c; + + svg { + fill: #f49a4c; + } } } @@ -670,6 +814,7 @@ text-indent: 0em; margin-left: 0%; margin-right: 0%; + /* width: 23%; */ } .right { -- Gitblit v1.9.1