From d29b8917dc2fd0a0f751480cbbf6ed8dba36d436 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 31 五月 2024 15:56:15 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/lifeCare/css/default.less | 348 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 335 insertions(+), 13 deletions(-)
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 68f329b..d12a3ef 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 {
@@ -18,7 +24,16 @@
}
textarea {
+ width: 100%;
text-indent: 2em;
+ max-width: 630px;
+ min-height: 100px;
+ }
+
+ .coverImg {
+ position: absolute;
+ top: 0;
+ left: 0;
}
.prefaceImg {
@@ -26,6 +41,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 {
@@ -36,6 +91,116 @@
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: 10px;
+ 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: 10px;
+ 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;
+ }
}
.chapter {
@@ -129,7 +294,6 @@
}
}
-
.pageHeader-second {
width: 100%;
display: flex;
@@ -221,6 +385,8 @@
background-color: #a5c24f;
}
}
+
+
}
.textareaInput {
@@ -230,7 +396,12 @@
border: 1px solid #999;
font-size: 15px;
color: #000;
- background-color: #eee;
+ background-color: #f9f9f9;
+ }
+
+ .imgBox-003 {
+ width: 100%;
+ height: 220px;
}
.chapter01Table {
@@ -261,6 +432,13 @@
padding: 8px;
overflow: hidden;
white-space: pre-line;
+
+ textarea {
+ width: 100%;
+ min-height: 20px;
+ min-width: 80px;
+ border: 0;
+ }
}
}
@@ -294,24 +472,167 @@
}
}
+ .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;
+ }
+ }
+ }
+
+ .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%;
+ display: block;
+ min-height: 100px;
+
+ 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;
+ }
+ }
+
+ .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 +1002,7 @@
text-indent: 0em;
margin-left: 0%;
margin-right: 0%;
+ /* width: 23%; */
}
.right {
@@ -743,7 +1065,7 @@
}
h4 {
- font-family: "瀹嬩綋";
+ font-family: "FZLTZHJW";
font-weight: bold;
color: #f49a4c;
font-size: 1.1em;
@@ -911,10 +1233,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 {
@@ -1153,7 +1475,7 @@
width: 100%;
border: 0 !important;
font-size: 16px;
- border-radius: 20px;
+ border-radius: 5px;
}
}
--
Gitblit v1.9.1