From 95a70fceae8d1b3b547a7414a995aec28b147d68 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 28 五月 2024 16:28:08 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/lifeCare/css/default.less | 215 +++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 207 insertions(+), 8 deletions(-) diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less index 68f329b..75f27dc 100644 --- a/src/books/lifeCare/css/default.less +++ b/src/books/lifeCare/css/default.less @@ -9,6 +9,7 @@ min-width: 375px; margin: 0 auto; border-color: #f49a4c; + height: 100%; textarea:focus, input:focus { @@ -18,7 +19,10 @@ } textarea { + width: 100%; text-indent: 2em; + max-width: 653px; + min-height: 100px; } .prefaceImg { @@ -37,6 +41,70 @@ text-align: center; white-space: pre-line; } + + .drawflow { + .drawflow-node { + background-color: #fff; + + .contentWall { + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + .contentTitle { + margin-bottom: 5px; + } + + .contentText { + textarea { + text-indent: 0; + min-height: 50px; + margin: 0; + outline: none; + } + + textarea:focus { + border: 1px solid #000 !important; + } + } + } + } + + .content { + .btn-export { + float: right; + position: absolute; + top: 10px; + right: 10px; + color: white; + font-weight: bold; + border: 1px solid #0e5ba3; + background: #4ea9ff; + padding: 5px 10px; + border-radius: 4px; + cursor: pointer; + z-index: 5; + } + + .btn-clear { + float: right; + position: absolute; + top: 10px; + right: 85px; + color: white; + font-weight: bold; + border: 1px solid #96015b; + background: #e3195a; + padding: 5px 10px; + border-radius: 4px; + cursor: pointer; + z-index: 5; + } + } + } + .chapter { font-family: "瀹嬩綋"; @@ -261,6 +329,13 @@ padding: 8px; overflow: hidden; white-space: pre-line; + + textarea { + width: 100%; + min-height: 20px; + min-width: 80px; + border: 0; + } } } @@ -294,24 +369,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; + } } } @@ -681,6 +879,7 @@ text-indent: 0em; margin-left: 0%; margin-right: 0%; + /* width: 23%; */ } .right { @@ -911,10 +1110,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 { -- Gitblit v1.9.1