增加icon

unknown

2024-05-27 36b6f8d069bf3adf3b1cdc7434003769731b6cf1

 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 {