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