From 13dbb7d053efa1fef63d76ecd5cbebbdbc919a24 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期三, 29 五月 2024 18:26:38 +0800
Subject: [PATCH] 增加体育与健康

---
 src/books/lifeCare/css/default.less |  249 +++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 238 insertions(+), 11 deletions(-)

diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 68f329b..04686e4 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -4,11 +4,12 @@
   overflow: auto;
 }
 
-.public-books {
+.public-lifeCare {
   max-width: 816px;
   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 {
@@ -36,6 +40,97 @@
     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: 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;
+      }
+    }
+  }
+
+  .drawContent_wall {
+    width: 100%;
+    height: 890px;
   }
 
   .chapter {
@@ -129,7 +224,6 @@
         }
       }
 
-
       .pageHeader-second {
         width: 100%;
         display: flex;
@@ -221,6 +315,8 @@
           background-color: #a5c24f;
         }
       }
+
+      
     }
 
     .textareaInput {
@@ -261,6 +357,13 @@
         padding: 8px;
         overflow: hidden;
         white-space: pre-line;
+
+        textarea {
+          width: 100%;
+          min-height: 20px;
+          min-width: 80px;
+          border: 0;
+        }
       }
     }
 
@@ -294,24 +397,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 +907,7 @@
       text-indent: 0em;
       margin-left: 0%;
       margin-right: 0%;
+      /* width: 23%; */
     }
 
     .right {
@@ -743,7 +970,7 @@
     }
 
     h4 {
-      font-family: "瀹嬩綋";
+      font-family: "FZLTZHJW";
       font-weight: bold;
       color: #f49a4c;
       font-size: 1.1em;
@@ -911,10 +1138,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