优化

unknown

2024-05-24 6be0b7cf6f8c6ae69373d28e8c7910798906d1a2

优化

 src/App.vue

@@ -47,7 +47,7 @@
    } else {
      this.activeBook = await this.config.getBookConfig(
        // childHealth
        this.config.resourceCtx + "english"
        this.config.resourceCtx + "lifeCare"
      );
      console.log('ac',this.activeBook);
      this.config.activeBook = this.activeBook;

 src/books/lifeCare/css/default.less

@@ -62,26 +62,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 +90,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 +146,8 @@
          align-items: center;
          font-size: 20px;
          position: absolute;
          right: 5%;
          top: 5%;
          right: 36px;
          top: 80px;

          .second-left {
            width: 23px;
@@ -171,44 +181,45 @@
              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;
        }
      }
    }


 src/books/lifeCare/image/zt.png

 src/books/lifeCare/index.vue

@@ -56,7 +56,7 @@
export default {
  data() {
    return {
      catalogLength: 7, // 总章节数
      catalogLength: 18, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
@@ -88,7 +88,7 @@
  },
  mounted() {
    // 默认加载章节
    this.showCatalogList = [0];
    this.showCatalogList = [10];
    // 滚动监听节流
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,

 src/books/lifeCare/view/chapter010.vue

@@ -78,13 +78,13 @@
          <div class="content">
            <div class="pageStr">2-2</div>
            <div class="title">
              <!-- <img class="ztImg" src="../image/zt.png" alt="" /> -->
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          近年来，随着经济社会发展，“三孩政策”的落地与持续推进，人们对0～3岁婴幼儿照护服务的需求日益迫切，社会对其照护服务的关注度也不断提升。党的二十大提出要在“幼有所育”方面持续用力。根据《国务院办公厅关于促进3岁以下婴幼儿照护服务发展的指导意见》要求，国家卫生健康委制定并发布了《托育机构保育指导大纲（试行）》，以指导托育机构为3岁以下婴幼儿提供科学、规范的照护服务。
@@ -206,7 +206,6 @@
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          第六，预防疾病和意外伤害。定期对婴幼儿进行生理和心理发育检查，以便及时发现隐患，尽早治疗。注射疫苗是预防疾病的重要手段之一。对意外的预防主要包括保证婴幼儿生活环境的安全性、对婴幼儿进行安全教育、避免婴幼儿独处等。
@@ -318,7 +317,6 @@
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d093">（三）发展阶段（1990—2000年）</h4>
        <p>
@@ -360,7 +358,6 @@
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c036">
          <span class="bk1-h3"

 src/books/lifeCare/view/chapter018.vue

@@ -1,19 +1,19 @@
<template>
  <div class="chapter" num="17">
    <div class="page-box">
      <div class="bodystyle">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-96</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-96</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div style="text-align: center; font-size: 22px; font-weight: 700">
          参考文献
        </div>