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 |  581 +++++++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 515 insertions(+), 66 deletions(-)

diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index a6d7338..d12a3ef 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -1,9 +1,20 @@
-.public-books {
+.page-main {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+.public-lifeCare {
   max-width: 816px;
   min-width: 375px;
   margin: 0 auto;
-  padding-bottom: 100px;
   border-color: #f49a4c;
+  height: 100%;
+
+  .swiper-button-prev,
+  .swiper-button-next {
+    color: #F49A4C;
+  }
 
   textarea:focus,
   input:focus {
@@ -13,7 +24,63 @@
   }
 
   textarea {
+    width: 100%;
     text-indent: 2em;
+    max-width: 630px;
+    min-height: 100px;
+  }
+
+  .coverImg {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  .prefaceImg {
+    width: 92% !important;
+    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 {
@@ -23,10 +90,126 @@
     outline: none;
     font-size: 16px;
     text-align: center;
+    white-space: pre-line;
   }
 
-  .page-content-box {
-    font-family: "瀹嬩綋", SimSun, sans-serif;
+  .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 {
+    font-family: "瀹嬩綋";
+
+    .topImg {
+      padding-top: 0 !important;
+      margin-bottom: 2em;
+    }
 
     p input {
       width: 20px;
@@ -34,43 +217,36 @@
 
     .header {
       width: 100%;
-      height: 136px;
-      position: absolute;
-      left: 0;
-      top: 0;
-      z-index: 1001;
+      height: 100px;
 
       .pageHeader-first {
         width: 100%;
-        height: 136px;
-        position: relative;
+        height: 100%;
+        padding-top: 6%;
 
         .header-bj {
           width: 78%;
-          height: 115px;
-          border-left: 1px solid #dfb27d;
-          border-bottom: 1px solid #dfb27d;
-          position: absolute;
-          right: 30px;
-          top: 30px;
+          height: 100%;
+          border-left: 2px solid #dfb27d;
+          border-bottom: 2px solid #dfb27d;
+          margin-left: 18%;
         }
 
         .content {
-          background-color: #f49a4c;
-          width: 740px;
-          height: 35px;
-          position: absolute;
-          left: 25px;
-          top: 100px;
+          background-color: #F49A4C;
+          width: 91%;
+          height: 32%;
           display: flex;
           justify-content: flex-start;
           align-items: center;
+          margin-top: -6%;
+          margin-left: 3%;
 
           .pageStr {
-            width: 140px;
             color: #fff;
-            font-size: 28px;
+            font-size: 24px;
             text-align: center;
+            margin: 0 20px;
           }
 
           .title {
@@ -79,10 +255,40 @@
             align-items: center;
             color: #fff;
             font-size: 20px;
+            position: relative;
 
             img {
               height: 30px !important;
               margin-right: 20px;
+            }
+
+            .ztImg {
+              height: 40px !important;
+              margin-top: -4px;
+            }
+          }
+        }
+
+        .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;
             }
           }
         }
@@ -94,6 +300,7 @@
         justify-content: center;
         align-items: center;
         flex-direction: column;
+        padding-top: 3%;
 
         .second-con {
           width: 90%;
@@ -104,7 +311,7 @@
           font-size: 20px;
           position: absolute;
           right: 36px;
-          top: 60px;
+          top: 80px;
 
           .second-left {
             width: 23px;
@@ -138,36 +345,72 @@
               font-size: 28px;
               color: #fff;
             }
+
+            .zt1-pageNum {
+              background-color: #a5c24f;
+            }
+
+            .zt1-pageStr {
+              color: #a5c24f;
+            }
+          }
+        }
+
+        @media (max-width: 756px) {
+          .second-con {
+            font-size: 18px;
+
+            .pageNum {
+              font-size: 18px !important;
+            }
+          }
+        }
+
+        @media (max-width: 1024px) {
+
+          .second-con {
+            right: 20px;
+            top: 75px;
           }
         }
 
         .borderLine {
           width: 93%;
-          height: 1px;
+          height: 2px;
           background-color: #f49a4c;
           margin-top: 105px;
         }
+
+        .zt1-boderLine {
+          background-color: #a5c24f;
+        }
       }
+
+
+    }
+
+    .textareaInput {
+      width: 100%;
+      padding: 8px;
+      box-sizing: border-box;
+      border: 1px solid #999;
+      font-size: 15px;
+      color: #000;
+      background-color: #f9f9f9;
+    }
+
+    .imgBox-003 {
+      width: 100%;
+      height: 220px;
     }
 
     .chapter01Table {
       width: 100%;
 
-      .textareaInput {
-        width: 100%;
-        padding: 8px;
-        box-sizing: border-box;
-        border: 1px solid #999;
-        font-size: 15px;
-        color: #000;
-        background-color: #eee;
-      }
-
       .textareaInput:focus {
         border: 1px solid #999 !important;
       }
     }
-
 
     .table111,
     .table112 {
@@ -179,21 +422,28 @@
         text-align: center;
         border: 1px solid #999;
         margin: 0;
-        padding: 2px 9px;
+        padding: 8px 9px;
         font-size: 16px;
       }
 
       tr td {
         border: 1px solid #999;
         text-align: center;
-        padding: 2px 0;
+        padding: 8px;
         overflow: hidden;
+        white-space: pre-line;
+
+        textarea {
+          width: 100%;
+          min-height: 20px;
+          min-width: 80px;
+          border: 0;
+        }
       }
     }
 
     .table112 {
       font-size: 16px;
-
 
       tr th {
         width: 50px;
@@ -209,24 +459,180 @@
       }
     }
 
+    .table162 {
+      tr th {
+        padding: 8px 0;
+      }
+
+      tr td {
+        border: 1px solid #999;
+        text-align: center;
+        padding: 15px 0;
+        overflow: hidden;
+      }
+    }
+
+    .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;
+      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;
+        }
       }
     }
 
@@ -241,6 +647,29 @@
       padding: 12px 10px;
       box-sizing: border-box;
       padding-top: 30px;
+      font-family: '浠垮畫';
+      font-weight: 700;
+
+
+      p {
+        margin-top: 0px;
+      }
+
+      .p-text {
+        p {
+
+          line-height: 22px;
+          font-weight: 700;
+          color: #666;
+        }
+
+        div {
+          line-height: 22px;
+          font-size: 20px;
+          text-align: center;
+          padding-top: 10px;
+        }
+      }
     }
 
     .page-box {
@@ -275,7 +704,7 @@
     }
 
     .pdf-content {
-      padding: 0 5%;
+      padding: 5% 5%;
       box-sizing: border-box;
     }
 
@@ -439,13 +868,16 @@
       margin: 15px;
     }
 
+    .img-gn-zt {
+      width: 180px;
+    }
+
     div.bodystyle {
       font-size: 18px;
       text-align: justify;
       padding: 10% 10%;
-      padding-top: 25%;
-      line-height: 30px;
       box-sizing: border-box;
+      font-family: '瀹嬩綋';
     }
 
     div.bj {
@@ -528,6 +960,15 @@
       text-indent: 0em;
     }
 
+    .h5-zt {
+      font-size: 18px;
+    }
+
+    .tip-specail {
+      border: 1px solid #f49a4c !important;
+      padding: 15px 15px;
+    }
+
     p {
       margin-top: 1em;
       text-indent: 2em;
@@ -547,6 +988,7 @@
       margin-left: 0%;
       margin-right: 0%;
       text-indent: 0em;
+      color: #666;
     }
 
     .center1 {
@@ -560,6 +1002,7 @@
       text-indent: 0em;
       margin-left: 0%;
       margin-right: 0%;
+      /* width: 23%; */
     }
 
     .right {
@@ -592,7 +1035,7 @@
     }
 
     h2 {
-      font-family: "瀹嬩綋";
+      font-family: "FZLTZHJW";
       font-weight: bold;
       font-size: 1.2em;
       margin-top: 0.2em;
@@ -605,9 +1048,11 @@
     #b003,
     #b004,
     #b005,
-    #b006 {
-      position: absolute;
-      top: 0;
+    #b006,
+    #b007,
+    #b008,
+    #b009 {
+      margin-bottom: 100px;
     }
 
     h3 {
@@ -625,7 +1070,7 @@
       color: #f49a4c;
       font-size: 1.1em;
       margin-top: 0.2em;
-      margin-bottom: 1em;
+      margin-bottom: 40px;
       text-indent: 0em;
     }
 
@@ -644,7 +1089,7 @@
     }
 
     .img-0 {
-      width: 60%;
+      width: 100%;
     }
 
     .imz {
@@ -788,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 {
@@ -891,7 +1336,7 @@
     }
 
     .img-gn {
-      height: 3.2em;
+      height: 45px;
       margin-bottom: -0.4em;
     }
 
@@ -988,11 +1433,6 @@
       margin-right: -1em;
     }
 
-    .block {
-      font-size: 18px;
-      line-height: 30px;
-    }
-
     .bk-h3 {
       border: 3px solid #f49a4c;
       padding: 0.7em;
@@ -1035,7 +1475,7 @@
         width: 100%;
         border: 0 !important;
         font-size: 16px;
-        border-radius: 20px;
+        border-radius: 5px;
       }
     }
 
@@ -1061,11 +1501,20 @@
     }
 
     div.bk-qjms {
+      font-family: 'FZLTXIHJW';
       border: 3px dotted #f49a4c;
       padding: 15px;
       margin-bottom: 2em;
       margin-top: 0.5em;
       position: relative;
+
+      .block {
+        font-size: 18px;
+        line-height: 25px;
+        font-family: "浠垮畫";
+        font-weight: 600;
+        color: #666;
+      }
     }
 
     p.bj1-qjms {

--
Gitblit v1.9.1