优化

unknown

2024-06-07 8931112f050759dfd31649ce04a48ca1aa99263c

 src/books/lifeCare/css/default.less

@@ -4,7 +4,7 @@
  overflow: auto;
}

.public-lifeCare {
.public-bookInnerContent {
  max-width: 816px;
  min-width: 375px;
  margin: 0 auto;
@@ -13,7 +13,7 @@

  .swiper-button-prev,
  .swiper-button-next {
    color: #F49A4C;
    color: #f49a4c;
  }

  textarea:focus,
@@ -29,6 +29,20 @@
    // max-width: 652px;
    // min-height: 100px;
    font-size: 16px;
  }

  /* 针对Firefox */
  textarea::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  /* 针对IE, Edge和Chrome */
  textarea {
    -ms-overflow-style: none;
    /* IE 和 Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .coverImg {
@@ -67,7 +81,6 @@
    padding-top: 20px !important;
    border: 2px dotted #00aeef !important;


    .bj3 {
      display: flex;
      justify-content: flex-start;
@@ -90,7 +103,7 @@
        border-radius: 50%;
        position: absolute;
        left: -38px;
        background: url('../image/xxfs.png');
        background: url("../image/xxfs.png");
        background-position: center;
        background-size: 70% 70%;
        background-repeat: no-repeat;
@@ -254,7 +267,7 @@
        }

        .content {
          background-color: #F49A4C;
          background-color: #f49a4c;
          width: 91%;
          height: 32%;
          display: flex;
@@ -298,7 +311,6 @@
          border-left-color: #a5c24f;
          border-bottom-color: #a5c24f;
        }


        @media (max-width: 756px) {
          .content {
@@ -388,7 +400,6 @@
        }

        @media (max-width: 1024px) {

          .second-con {
            right: 20px;
            top: 75px;
@@ -406,8 +417,6 @@
          background-color: #a5c24f;
        }
      }


    }

    .textareaInput {
@@ -453,13 +462,18 @@
        padding: 8px;
        overflow: hidden;
        white-space: pre-line;
        font-family: 'FZLTXIHJW';
        font-family: "FZLTXIHJW";
        font-weight: normal;
        font-size: 14px;
        line-height: 23px;

        input {
          font-size: 14px;
        div {
          width: 100%;
          min-height: 23px;
        }

        div:focus {
          outline: none;
        }

        textarea {
@@ -467,6 +481,10 @@
          min-height: 20px;
          min-width: 80px;
          border: 0;
          font-size: 14px;
          text-indent: 0em;
          min-width: 200px;
          max-width: 330px;
        }
      }
    }
@@ -563,7 +581,7 @@
      background-color: #fff;

      svg {
        fill: #F49A4C;
        fill: #f49a4c;
      }
    }

@@ -686,9 +704,8 @@
      padding: 12px 10px;
      box-sizing: border-box;
      padding-top: 30px;
      font-family: '仿宋';
      font-family: "仿宋";
      font-weight: 700;


      p {
        margin-top: 0px;
@@ -696,8 +713,8 @@

      .p-text {
        padding: 5px 10px;
        p {

        p {
          line-height: 22px;
          font-weight: 700;
          color: #666;
@@ -917,7 +934,7 @@
      text-align: justify;
      padding: 10% 10%;
      box-sizing: border-box;
      font-family: '宋体';
      font-family: "宋体";
    }

    div.bj {
@@ -1543,7 +1560,7 @@
    }

    div.bk-qjms {
      font-family: 'FZLTXIHJW';
      font-family: "FZLTXIHJW";
      border: 3px dotted #f49a4c;
      padding: 15px;
      margin-bottom: 2em;
@@ -1575,15 +1592,14 @@
    }
  }

  @media screen and (max-width:800px) {
    .public-lifeCare .coverImg {
  @media screen and (max-width: 800px) {
    .public-bookInnerContent .coverImg {
      position: absolute;
      top: 25%;
      left: 0;
    }

    .chapter {

      .prefaceImg {
        width: 100% !important;
        position: absolute;
@@ -1606,7 +1622,7 @@
        margin-top: 0;
        line-height: 25px;
        font-size: 16px;
        font-family: 'FZLTXIHJW'
        font-family: "FZLTXIHJW";
      }

      .header .pageHeader-second .second-con .second-right img {
@@ -1650,7 +1666,6 @@
        .fontsz1 {
          width: auto;
        }

      }

      .bj-tip {
@@ -1658,7 +1673,7 @@
        left: 10px;
        font-size: 16px;
        font-weight: normal;
        font-family: 'FZLTZHJW';
        font-family: "FZLTZHJW";

        div {
          width: 30px;
@@ -1680,12 +1695,9 @@
        }
      }


      .drawContent_wall {
        margin-bottom: 2em;
      }

      
    }
  }
}