Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

闫增涛

2024-06-13 0ac722771ed2e1ae8858407ea5349eb18d18ed9d

Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

 package.json

@@ -32,7 +32,8 @@
    "eslint-plugin-vue": "^8.0.3",
    "less": "^4.2.0",
    "less-loader": "^12.2.0",
    "vue-template-compiler": "^2.6.14"
    "vue-template-compiler": "^2.6.14",
    "webpack": "^5.92.0"
  },
  "eslintConfig": {
    "root": true,

 src/books/artAndDrama/assets/main.less

@@ -510,9 +510,94 @@
      outline: none;
    }
  }
<<<<<<< HEAD
  .page-footer {
    position: relative;
    display: flex;
    align-items: center;
    /* 垂直居中 */
  }
  
  .page-footer-image {
    /* 图片样式 */
    max-width: 100%;
    height: auto;
    position: relative;
    /* 确保.page-footer-number可以相对于图片定位 */
    z-index: 1;
    /* 确保页码数字在图片上方 */
  }
  
  .page-footer-number-left {
    color: black;
    left: 15%;
    position: absolute;
    /* 绝对定位页码 */
    font-size: 2em;
    /* 你可以根据需要调整字体大小 */
    z-index: 2;
  
    /* 确保页码数字在图片上方 */
    /* 使用::before伪元素创建绿色圆形背景 */
    &::before {
      content: "";
      position: absolute;
      top: 50%;
      /* 垂直居中 */
      left: 50%;
      /* 水平居中 */
      transform: translate(-50%, -50%);
      /* 移动到中心 */
      width: 1.2em;
      /* 你可以根据需要调整圆形大小 */
      height: 1.2em;
      border-radius: 50%;
      /* 圆形 */
      background-color: rgba(208, 226, 179);
      /* 背景颜色 */
      z-index: -1;
      /* 确保圆形背景在文本下方 */
    }
  }
  .page-footer-number-right {
    color: black;
    right: 15%;
    position: absolute;
    /* 绝对定位页码 */
    font-size: 2em;
    /* 你可以根据需要调整字体大小 */
    z-index: 2;
  
    /* 确保页码数字在图片上方 */
    /* 使用::before伪元素创建绿色圆形背景 */
    &::before {
      content: "";
      position: absolute;
      top: 50%;
      /* 垂直居中 */
      left: 50%;
      /* 水平居中 */
      transform: translate(-50%, -50%);
      /* 移动到中心 */
      width: 1.2em;
      /* 你可以根据需要调整圆形大小 */
      height: 1.2em;
      border-radius: 50%;
      /* 圆形 */
      background-color: rgba(208, 226, 179);
      /* 背景颜色 */
      z-index: -1;
      /* 确保圆形背景在文本下方 */
    }
  }
}
/* 媒体查询做基础响应式布局 */
@media (max-width: 430px) {
=======
}
  /* 媒体查询做基础响应式布局 */
  @media (max-width: 430px) {
>>>>>>> ba76798a669c6d859d0f8b9a913e7637d3e8d7e2
    .ans-drama  {
      .page-box {
        min-height: 750px;

 src/books/artAndDrama/view/components/chapter001.vue

@@ -3,7 +3,7 @@
    <div class="page-box" page="4" style="min-height: auto">
      <div v-if="showPageList.indexOf(4) > -1">
        <h1 id="a004">
            <!-- 这里的动图有问题，没有背景图片 -->
          <!-- 这里的动图有问题，没有背景图片 -->
          <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
          <audio :src="auidoPathOne" class="audio" controls></audio>
        </h1>
@@ -21,17 +21,17 @@
          </div>
        </div>
        <p><br /></p>
        <h1><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
        <!-- 此次为页脚部分（需要设置页码） -->
        <div class="page-footer">
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-right">1</div>
        </div>
      </div>
    </div>
    <div class="page-box" page="5" style="min-height: auto">
      <div v-if="showPageList.indexOf(5) > -1">
        <h1>
          <img
            src="../../assets/images/header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <div class="bodystyle">
          <img src="../../assets/images/page5.png" alt="" />
@@ -43,8 +43,7 @@
            在语言表述中，为了突出或强调某些意思，我们会使用“逻辑重音”这一技巧。同样一句话，不同的逻辑重音可以表达出不一样的意思。
          </p>
          <p>
            <span class="hs1">◇</span
            >大声朗读下面的句子，连一连不同逻辑重音强调的意思。
            <span class="hs1">◇</span>大声朗读下面的句子，连一连不同逻辑重音强调的意思。
          </p>
          <h1>
            <audio :src="auidoPathTwo" class="audio" controls></audio>
@@ -55,26 +54,16 @@
        </div>
        <p><br /></p>
        <!-- 此次为页脚部分（需要设置页码） -->
    <div style="position: relative;">  
      <h1 style="position: relative; z-index: 1;">  
      <img class="img-0" alt="" src="../../assets/images/ym.jpg" />  
      <div style="position: absolute; z-index: 99; background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; left: 98px; bottom: 38px; text-align: center; line-height: 30px; font-size: 20px;">2</div>     
      </h1>  
    </div>
        <!-- <div style="position: relative; "> 
            <div style="position: absolute; z-index: 99;background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; left: 98px; top: 38px; text-align: center; font-size: 25px;">2</div>
            <h1 style="position: relative; z-index: 1;"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
        </div> -->
        <div class="page-footer">
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-left">2</div>
        </div>
      </div>
    </div>
    <div class="page-box" page="6" style="min-height: auto">
      <div v-if="showPageList.indexOf(6) > -1">
        <h1>
          <img
            src="../../assets/images/page6-header-green.png"
            alt=""
            style="height: auto; width: 100%"
          />
          <img src="../../assets/images/page6-header-green.png" alt="" style="height: auto; width: 100%" />
        </h1>
        <div class="bodystyle">
          <h1 class="lefth3" id="c002">
@@ -96,35 +85,23 @@
          <p>A.团结的</p>
          <p>B.优秀的</p>
          <p>C.松散的</p>
          <video
            :src="videoPathOne"
            webkit-playsinline="true"
            x-webkit-airplay="true"
            playsinline="true"
            x5-video-orientation="h5"
            x5-video-player-fullscreen="true"
            x5-playsinline=""
            controls
            controlslist="nodownload"
            class="w100"
            style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"
          ></video>
          <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
            x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
            controlslist="nodownload" class="w100"
            style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
          <h2>视频: 我们是一家人</h2>
        </div>

        <p class="center">
          <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
        </p>
        <!-- 此次为页脚部分（需要设置页码） -->
        <div class="page-footer">
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-right">3</div>
        </div>
      </div>
    </div>
    <div class="page-box" page="7" style="min-height: auto">
      <div v-if="showPageList.indexOf(7) > -1">
        <h1>
          <img
            src="../../assets/images/header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <div class="bodystyle">
          <img src="../../assets/images/page5.png" alt="" />
@@ -133,38 +110,28 @@
            <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
          </h3>
          <p>
            <span class="hs1">◇</span
            >请将以下课文选段大声朗诵出来，加点的字请重读。
            <span class="hs1">◇</span>请将以下课文选段大声朗诵出来，加点的字请重读。
          </p>
          <h1><audio :src="auidoPathThree" class="audio" controls></audio></h1>
        

          <div class="bj3">
            <p class="center">
              <span class="hs"
                >春<a id="w1"><sup>1</sup></a>（节选）</span>
              <span class="hs">春<a id="w1"><sup>1</sup></a>（节选）</span>
            </p>
            <p class="center">朱自清</p>
            <p class="block">
              盼望着，<span class="un1">盼望着</span>，东风来了，春天的脚步<span
                class="un1"
                >近</span
              >了。
              盼望着，<span class="un1">盼望着</span>，东风来了，春天的脚步<span class="un1">近</span>了。
            </p>
            <p class="block">
              一切都像<span class="un1">刚睡醒</span>的样子，欣欣然<span
                class="un1"
                >张开</span
              >了眼。山<span class="un1">朗润</span>起来了，水<span class="un1"
                >涨</span
              >起来了，太阳的脸<span class="un1">红</span>起来了。
              一切都像<span class="un1">刚睡醒</span>的样子，欣欣然<span class="un1">张开</span>了眼。山<span
                class="un1">朗润</span>起来了，水<span class="un1">涨</span>起来了，太阳的脸<span class="un1">红</span>起来了。
            </p>
          </div>
          <h3 class="lefth3" id="c004">
            <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
          </h3>
          <p>
            <span class="hs1">◇</span
            >在《一块奶酪》的故事中，小蚂蚁们都有各自的立场，你能理解他们的想法吗？请你和同伴根据故事内容讨论一下。
            <span class="hs1">◇</span>在《一块奶酪》的故事中，小蚂蚁们都有各自的立场，你能理解他们的想法吗？请你和同伴根据故事内容讨论一下。
          </p>
          <hr />
          <p class="note">
@@ -173,65 +140,43 @@
            七年级上册》，2页，北京，人民教育出版社，2016。
          </p>
        </div>

        <!-- 此次为页脚部分（需要设置页码） -->
        <div> 
            <div style="position: absolute; z-index: 99;background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; margin-left: 98px; margin-top: 38px; text-align: center; font-size: 25px;">4</div>
            <h1 style="position: relative; z-index: 1;"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
        <div class="page-footer">
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-left">4</div>
        </div>
      </div>
    </div>
    <div class="page-box" page="8" style="min-height: auto">
      <div v-if="showPageList.indexOf(8) > -1">
        <h1>
          <img
            src="../../assets/images/header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <div class="bodystyle">
          <img src="../../assets/images/page5.png" alt="" />
          <h2 id="b003">第三课　内心的声音</h2>
          <h1 class="lefth3 openImgBox" id="c005">
            <img
              class="img-gn1"
              alt=""
              src="../../assets/images/1-3.gif"
              style="height: auto; width: 50%"
            />
            <img class="img-gn1" alt="" src="../../assets/images/1-3.gif" style="height: auto; width: 50%" />
          </h1>
          <p>
            <span class="hs1">◇</span
            >请将以下课文选段大声朗诵出来，加点的字请重读。
            <span class="hs1">◇</span>请将以下课文选段大声朗诵出来，加点的字请重读。
          </p>
          <h1><audio :src="auidoPathTwo" class="audio" controls></audio></h1>
          <div class="bj3">
            <p class="center">
              <span class="hs"
                >春<a id="w1"></a><sup>1</sup>（节选）</span
              >
              <span class="hs">春<a id="w1"></a><sup>1</sup>（节选）</span>
            </p>
            <p class="center">朱自清</p>
            <p class="block">
              小草偷偷地从土里<span class="un1">钻出来</span>，<span class="un1"
                >嫩嫩的</span
              >，<span class="un1">绿绿的</span>。园子里，田野里，<span
                class="un1"
                >瞧</span
              >去，一大片一大片满是的。<span class="un1">坐</span>着，<span
                class="un1"
                >躺</span
              >着，<span class="un1">打</span>两个<span class="un1">滚</span
              >儿，<span class="un1">踢</span>几脚<span class="un1">球</span
              >，<span class="un1">赛</span>几趟<span class="un1">跑</span
              >，<span class="un1">捉</span>几回<span class="un1">迷藏</span
              >。风<span class="un1">轻悄悄</span>的，草<span class="un1"
                >软绵绵</span
              >的。
              小草偷偷地从土里<span class="un1">钻出来</span>，<span class="un1">嫩嫩的</span>，<span
                class="un1">绿绿的</span>。园子里，田野里，<span class="un1">瞧</span>去，一大片一大片满是的。<span class="un1">坐</span>着，<span
                class="un1">躺</span>着，<span class="un1">打</span>两个<span class="un1">滚</span>儿，<span
                class="un1">踢</span>几脚<span class="un1">球</span>，<span class="un1">赛</span>几趟<span
                class="un1">跑</span>，<span class="un1">捉</span>几回<span class="un1">迷藏</span>。风<span
                class="un1">轻悄悄</span>的，草<span class="un1">软绵绵</span>的。
            </p>
          </div>
           <hr />
          <hr />
          <p class="note">
            <a id="m1">1</a>
            朱自清：《春》，见温儒敏等：《义务教育教科书 语文
@@ -239,20 +184,16 @@
          </p>
        </div>
      </div>
          <!-- 此次为页脚部分（需要设置页码） -->
          <div> 
            <div style="position: absolute; z-index: 99;background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; margin-left: 98px; margin-top: 38px; text-align: center; font-size: 25px;">6</div>
            <h1 style="position: relative; z-index: 1;"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
        </div>
      <!-- 此次为页脚部分（需要设置页码） -->
      <div class="page-footer">
        <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
        <div class="page-footer-number-right">5</div>
      </div>
    </div>
    <div class="page-box" page="9" style="min-height: auto">
      <div v-if="showPageList.indexOf(9) > -1">
        <h1>
          <img
            src="../../assets/images/header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <div class="bodystyle">
          <img src="../../assets/images/page5.png" alt="" />
@@ -260,44 +201,29 @@
            <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
          </h3>
          <h1 class="center openImgBox">
            <img
              class="img-e"
              alt=""
              src="../../assets/images/1-4.gif"
              style="height: auto; width: 50%"
            />
            <img class="img-e" alt="" src="../../assets/images/1-4.gif" style="height: auto; width: 50%" />
          </h1>
          <p>
            <span class="hs1">◇</span
            >生活中，我们总会遇到各种各样的诱惑。面对诱惑时，我们的内心常常会有两个不同的声音出现：一个声音要求我们严于律己，另一个声音要求我们随心所欲。请你分析一下，当蚂蚁队长面对掉落的奶酪渣的诱惑时，他内心的两个声音会说些什么呢？
            <span
              class="hs1">◇</span>生活中，我们总会遇到各种各样的诱惑。面对诱惑时，我们的内心常常会有两个不同的声音出现：一个声音要求我们严于律己，另一个声音要求我们随心所欲。请你分析一下，当蚂蚁队长面对掉落的奶酪渣的诱惑时，他内心的两个声音会说些什么呢？
          </p>
          <p>正义队长：“
            <input
                v-model="questionData.warnUp.one.value"
                class="input-bottom-border fz-18"
                @blur="handleQuestion('one')"
                @change="setBookQuestion" />”</p>
          <p>黑暗队长：“        <input
                v-model="questionData.warnUp.one.value"
                class="input-bottom-border fz-18"
                @blur="handleQuestion('two')"
                @change="setBookQuestion" />”</p>
            <input v-model="questionData.warnUp.one" class="input-bottom-border fz-18" @change="setBookQuestion" />”
          </p>
          <p>黑暗队长：“ <input v-model="questionData.warnUp.two" class="input-bottom-border fz-18"
              @change="setBookQuestion" />”</p>
        </div>
      </div>
        <!-- 此次为页脚部分（需要设置页码） -->
        <div> 
            <div style="position: absolute; z-index: 99;background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; margin-left: 98px; margin-top: 38px; text-align: center; font-size: 25px;">8</div>
            <h1 style="position: relative; z-index: 1;"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
        </div>
      <!-- 此次为页脚部分（需要设置页码） -->
      <div class="page-footer">
        <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
        <div class="page-footer-number-left">6</div>
      </div>
    </div>
    <div class="page-box" page="10" style="min-height: auto">
      <div v-if="showPageList.indexOf(10) > -1">
        <h1>
          <img
            src="../../assets/images/page6-header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <div class="bodystyle">
          <h2 id="b004">第四课　身临其境</h2>
@@ -305,61 +231,37 @@
            <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
          </h3>
          <p>
            <span class="hs1">◇</span
            >请将以下课文选段大声朗诵出来，加点的字请重读。
            <span class="hs1">◇</span>请将以下课文选段大声朗诵出来，加点的字请重读。
          </p>
          <h1>
            <audio :src="auidoPathTwo" class="audio" controls></audio>  
            <audio :src="auidoPathTwo" class="audio" controls></audio>
          </h1>

          <div class="bj3">
            <p class="center">
              <span class="hs"
                >春<a id="w1"><sup>1</sup></a
                >（节选）</span
              >
              <span class="hs">春<a id="w1"><sup>1</sup></a>（节选）</span>
            </p>
            <p class="center">朱自清</p>
            <p class="block">
              <span class="un1">桃</span>树、<span class="un1">杏</span
              >树、<span class="un1">梨</span
              >树，你不让我，我不让你，都开满了花赶趟儿。红的像<span class="un1"
                >火</span
              >，粉的像<span class="un1">霞</span>，白的像<span class="un1"
                >雪</span
              >。花里带着甜味儿……
              <span class="un1">桃</span>树、<span class="un1">杏</span>树、<span
                class="un1">梨</span>树，你不让我，我不让你，都开满了花赶趟儿。红的像<span class="un1">火</span>，粉的像<span
                class="un1">霞</span>，白的像<span class="un1">雪</span>。花里带着甜味儿……
            </p>
          </div>
          <h3 class="lefth3" id="c008">
            <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
          </h3>
          <p>
            <span class="hs1">◇</span
            >假如你是搬运奶酪的蚂蚁，你要怎么搬运不同形状、大小的奶酪呢？请先为自己设计一个剧本吧：
            <span class="hs1">◇</span>假如你是搬运奶酪的蚂蚁，你要怎么搬运不同形状、大小的奶酪呢？请先为自己设计一个剧本吧：
          </p>
          <p>
            我是蚂蚁 <input
                v-model="questionData.warnUp.one.value"
                class="input-bottom-border fz-18"
                style=" width: 10%;"
                @blur="handleQuestion('three')"
                @change="setBookQuestion" />（名字），今天是 
                <input
                v-model="questionData.warnUp.one.value"
                class="input-bottom-border fz-18"
                style=" width: 10%;"
                @blur="handleQuestion('four')"
                @change="setBookQuestion" />（天气），我的奶酪特别 <input
                v-model="questionData.warnUp.one.value"
                class="input-bottom-border fz-18"
                style=" width: 10%;"
                @blur="handleQuestion('five')"
                @change="setBookQuestion" />（轻/重），我感觉好 <input
                v-model="questionData.warnUp.one.value"
                class="input-bottom-border fz-18"
                style=" width: 10%;"
                @blur="handleQuestion('six')"
                @change="setBookQuestion" />（身体感觉）啊！
            我是蚂蚁 <input v-model="questionData.warnUp.three" class="input-bottom-border fz-18" style=" width: 10%;"
              @change="setBookQuestion" />（名字），今天是
            <input v-model="questionData.warnUp.four" class="input-bottom-border fz-18" style=" width: 10%;"
              @change="setBookQuestion" />（天气），我的奶酪特别 <input v-model="questionData.warnUp.five"
              class="input-bottom-border fz-18" style=" width: 10%;" @change="setBookQuestion" />（轻/重），我感觉好 <input
              v-model="questionData.warnUp.six" class="input-bottom-border fz-18" style=" width: 10%;"
              @change="setBookQuestion" />（身体感觉）啊！
          </p>
          <hr />
          <p class="note">
@@ -369,18 +271,16 @@
          </p>
        </div>
      </div>
      <p class="center">
        <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
      </p>
      <!-- 此次为页脚部分（需要设置页码） -->
      <div class="page-footer">
        <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
        <div class="page-footer-number-right">7</div>
      </div>
    </div>
    <div class="page-box" page="11" style="min-height: auto">
      <div v-if="showPageList.indexOf(11) > -1">
        <h1>
          <img
            src="../../assets/images/header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <div class="bodystyle">
          <img src="../../assets/images/page5.png" alt="" />
@@ -388,23 +288,20 @@
            <img class="img-e" alt="" src="../../assets/images/1-5.gif" />
          </p>
          <p>
            <span class="hs1">◇</span
            >蚂蚁队长把奶酪渣留给了年龄最小的蚂蚁，赢得了大家的认可。在生活中，你曾经像“蚂蚁队长”一样爱护弱小吗？或者像“小蚂蚁”一样得到过哥哥姐姐们的关爱吗？
            <span class="hs1">◇</span>蚂蚁队长把奶酪渣留给了年龄最小的蚂蚁，赢得了大家的认可。在生活中，你曾经像“蚂蚁队长”一样爱护弱小吗？或者像“小蚂蚁”一样得到过哥哥姐姐们的关爱吗？
          </p>
        </div>
      </div>
      <p class="center">
        <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
      </p>
      <!-- 此次为页脚部分（需要设置页码） -->
      <div class="page-footer">
        <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
        <div class="page-footer-number-left">8</div>
      </div>
    </div>
    <div class="page-box" page="12" style="min-height: auto">
      <div v-if="showPageList.indexOf(12) > -1">
        <h1>
          <img
            src="../../assets/images/page6-header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <div class="bodystyle">
          <h2 id="b005">单元活动任务</h2>
@@ -429,18 +326,16 @@
          </p>
        </div>
      </div>
      <p class="center">
        <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
      </p>
      <!-- 此次为页脚部分（需要设置页码） -->
      <div class="page-footer">
        <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
        <div class="page-footer-number-right">9</div>
      </div>
    </div>
    <div class="page-box" page="13" style="min-height: auto">
      <div v-if="showPageList.indexOf(13) > -1">
        <h1>
          <img
            src="../../assets/images/page6-header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <div class="bodystyle">
          <h3 class="lefth3" id="c010">
@@ -451,31 +346,24 @@
            孔融四岁就懂礼貌、知谦让，是我们学习的好榜样，让我们运用本单元的戏剧知识，把他的故事表演出来吧！
          </p>
          <p class="center">
            <video
            :src="videoPathOne"
            webkit-playsinline="true"
            x-webkit-airplay="true"
            playsinline="true"
            x5-video-orientation="h5"
            x5-video-player-fullscreen="true"
            x5-playsinline=""
            controls
            controlslist="nodownload"
            class="w100"
             style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"
          ></video>
            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
              x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
              controlslist="nodownload" class="w100"
              style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
          <h2>视频: 我们是一家人</h2>
          </p>
        </div>
      </div>
      <p class="center">
        <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
      </p>
      <!-- 此次为页脚部分（需要设置页码） -->
      <div class="page-footer">
        <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
        <div class="page-footer-number-left">10</div>
      </div>
    </div>
  </div>
</template>
  
  <script>

<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
@@ -489,6 +377,10 @@
  //在这里对调用的方法进行挂载
  mounted() {
    this.getVidoePath();
    const bookQuestion = localStorage.getItem("artAndDrama-book-question-one");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
  },
  data() {
    return {
@@ -613,36 +505,12 @@
      },
      questionData: {
        warnUp: {
          one: {
            value: "",
            isRight: null,
            answer: "Chinese knot",
          },
          two: {
            value: "",
            isRight: null,
            answer: "Chinese medicine",
          },
          three: {
            value: "",
            isRight: null,
            answer: "Chinese calligraphy",
          },
          four: {
            value: "",
            isRight: null,
            answer: "Taichi",
          },
          five: {
            value: "",
            isRight: null,
            answer: "sweet dumpling",
          },
          six: {
            value: "",
            isRight: null,
            answer: "Chinese chess",
          },
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
        },
        reading: {
          one: "",
@@ -691,33 +559,36 @@
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "english-book-question-one",
        "artAndDrama-book-question-one",
        JSON.stringify(this.questionData)
      );
    },
  },
};
</script>
  
  <style lang="less" scoped>

<style lang="less" scoped>
.w70 {
  width: 78%;
}

.fw-400 {
  font-weight: 400 !important;
}

.fz-26 {
  font-size: 26px !important;
}

.cover-img {
  position: absolute;
  top: 33%;
  left: 23%;
}

.division-line {
  width: 2px;
  height: 100%;
  background-color: red;
}
</style>
  
</style>

 src/books/artAndDrama/view/components/chapter002.vue

@@ -1,9 +1,8 @@
<template>
  <div class="chapter" num="3">
    <div class="page-box" page="14" style="min-height: auto">
    <!-- <div class="page-box" page="14" style="min-height: auto">
      <div v-if="showPageList.indexOf(14) > -1">
        <h1 id="a004">
          <!-- 这里的动图有问题，没有背景图片 -->
          <img class="img-0" alt="" src="../../assets/images/dy2.jpg" />
          <audio :src="auidoPathOne" controls></audio>
        </h1>
@@ -65,7 +64,7 @@
        <p><br /></p>
        <h1><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
      </div>
    </div>
    </div> -->
    <!--<div class="page-box" page="16" style="min-height: auto">
        <div v-if="showPageList.indexOf(16) > -1">
          <h1>

 src/books/artAndDrama/view/components/header.vue

@@ -25,8 +25,8 @@
                  <p class="wh-nr" style="margin: 0%;">编写委员：</p>
                </li>
                <li class="fl fl-cl">
                  <span class="kaiti">王谷川　谢霜南　李晨成　周力君　</span>
                  <span class="kaiti">韩燕楠菲</span>
                  <span class="kaiti">王谷川　谢霜南　李晨成　周力君　韩燕楠菲</span>
                  <!-- <span class="kaiti">韩燕楠菲</span> -->
                </li>
              </ul>
              <p>美术绘画：<span class="kaiti">何　冰</span></p>
@@ -37,7 +37,7 @@
                <li class="fl fl-cl">
                  <span class="kaiti">本书部分文字作品著作权由中国文字著作权协会授权，</span>
                  <span class="kaiti">电话：010-65978917，传真：010-65978926，</span>
                  <span class="kaiti">E-mail：wenzhuxie@126.com。</span>
                  <span class="kaiti" style="text-align: left;">E-mail：wenzhuxie@126.com。</span>
                </li>
              </ul>
              <p></p>

 src/books/lifeCare/css/default.less

@@ -256,6 +256,11 @@
      .chapter {
        font-family: "宋体";


        .rightPng{
          float: left;
        }

        .bk1-h3 {
          border: 2px solid #a5c24f;
          color: #a5c24f;
@@ -322,6 +327,10 @@
                margin: 0 20px;
              }

              .ztStr {
                margin: 0 50px;
              }

              .title {
                display: flex;
                justify-content: flex-start;
@@ -342,13 +351,51 @@
              }
            }

            .zt1-content {
              background-color: #f7b80a;

            .zt01-con {
              background-color: #fbb45e;
            }

            .zt1-header-bj {
              border-left-color: #a5c24f;
              border-bottom-color: #a5c24f;
            .zt02-con {
              background-color: #b786bb;
            }

            .zt03-con {
              background-color: #a5c24f;
            }

            .zt04-con {
              background-color: #b786bb;
            }

            .zt05-con {
              background-color: #b786bb;
            }


            .zt01-bj {
              border-left: 2px solid #a5c24f;
              border-bottom: 2px solid #a5c24f;
            }

            .zt02-bj {
              border-left: 2px solid #6eb1e1;
              border-bottom: 2px solid #6eb1e1;
            }

            .zt03-bj {
              border-left: 2px solid #a97b50;
              border-bottom: 2px solid #a97b50;
            }

            .zt04-bj {
              border-left: 2px solid #6eb1e1;
              border-bottom: 2px solid #6eb1e1;
            }

            .zt05-bj {
              border-left: 2px solid #6eb1e1;
              border-bottom: 2px solid #6eb1e1;
            }

            @media (max-width: 756px) {
@@ -366,6 +413,7 @@
            }
          }

          // 奇数
          .pageHeader-second {
            width: 100%;
            display: flex;
@@ -383,12 +431,32 @@
              font-size: 20px;
              position: absolute;
              right: 36px;
              top: 80px;
              top: 85px;

              .second-left {
                width: 23px;
                height: 100%;
                background-color: #f49a4c;
              }

              .zt02-left {
                width: 20px;
                background-color: #b786bb;
              }

              .zt03-left {
                width: 20px;
                background-color: #a5c24f;
              }

              .zt04-left {
                width: 20px;
                background-color: #b786bb;
              }

              .zt05-left {
                width: 20px;
                background-color: #b786bb;
              }

              .second-right {
@@ -405,9 +473,37 @@
                  top: -20px;
                }

                .zt-pen {
                  height: 40px;
                  position: absolute;
                  left: -50px;
                  top: -10px;
                }

                .pageStr {
                  margin-right: 10px;
                }

                .zt01-Str {
                  color: #a5c24f;
                }

                .zt02-Str {
                  color: #6eb1e1;
                }

                .zt03-Str {
                  color: #a97b50;
                }

                .zt04-Str {
                  color: #6eb1e1;
                }

                .zt05-Str {
                  color: #6eb1e1;
                }


                .pageNum {
                  display: block;
@@ -418,13 +514,36 @@
                  color: #fff;
                }

                .zt1-pageNum {
                .zt01-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #a5c24f;
                }

                .zt1-pageStr {
                  color: #a5c24f;
                .zt02-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #6eb1e1;
                }

                .zt03-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #a97b50;
                }

                .zt04-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #6eb1e1;
                }

                .zt05-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #6eb1e1;
                }

              }
            }

@@ -452,8 +571,34 @@
              margin-top: 105px;
            }

            .zt1-boderLine {
            .zt01-bdline {
              background-color: #a5c24f;
              width: 88%;
              margin-right: 20px;
            }

            .zt02-bdline {
              background-color: #6eb1e1;
              width: 88%;
              margin-right: 20px;
            }

            .zt03-bdline {
              background-color: #a97b50;
              width: 88%;
              margin-right: 20px;
            }

            .zt04-bdline {
              background-color: #6eb1e1;
              width: 88%;
              margin-right: 20px;
            }

            .zt05-bdline {
              background-color: #6eb1e1;
              width: 88%;
              margin-right: 20px;
            }
          }
        }

 src/books/lifeCare/image/zt-pen.png

 src/books/lifeCare/image/zt.-penpng.png

 src/books/lifeCare/image/zt.png

 src/books/lifeCare/view/components/chapter010.vue

@@ -81,12 +81,12 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-2</div>
            <div class="header-bj zt01-bj"></div>
            <div class="content zt01-con">
              <div class="pageStr ztStr">2-2</div>
              <div class="title">
                <!-- <img class="ztImg" src="../../image/zt.png" alt="" /> -->
                <img src="../../image/chapter.png" alt="" />
                <img class="ztImg" src="../../image/zt.png" alt="" />
                <!-- <img src="../../image/zt.png" alt="" /> -->
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -212,12 +212,12 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum">2-3</span>
                <img class="zt-pen" src="../../image/zt-pen.png" alt="" />
                <span class="pageStr zt01-Str">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum zt01-pageNum">2-3</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt01-bdline"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -325,11 +325,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-4</div>
            <div class="header-bj zt01-bj"></div>
            <div class="content zt01-con">
              <div class="pageStr ztStr">2-4</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img class="ztImg" src="../../image/zt.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -372,12 +372,12 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum">2-5</span>
                <img class="zt-pen" src="../../image/zt-pen.png" alt="" />
                <span class="pageStr zt01-Str">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum zt01-pageNum">2-5</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt01-bdline"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -420,11 +420,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-6</div>
            <div class="header-bj zt01-bj"></div>
            <div class="content zt01-con">
              <div class="pageStr ztStr">2-6</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img class="ztImg" src="../../image/zt.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -451,12 +451,12 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum">2-7</span>
                <img class="zt-pen" src="../../image/zt-pen.png" alt="" />
                <span class="pageStr zt01-Str">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum zt01-pageNum">2-7</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt01-bdline"></div>
          </div>
        </div>

@@ -508,11 +508,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-8</div>
            <div class="header-bj zt01-bj"></div>
            <div class="content zt01-con">
              <div class="pageStr ztStr">2-8</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img class="ztImg" src="../../image/zt.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -554,12 +554,12 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum">2-9</span>
                <img class="zt-pen" src="../../image/zt-pen.png" alt="" />
                <span class="pageStr zt01-Str">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum zt01-pageNum">2-9</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt01-bdline"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -581,11 +581,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-10</div>
            <div class="header-bj zt01-bj"></div>
            <div class="content zt01-con">
              <div class="pageStr ztStr">2-10</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img class="ztImg" src="../../image/zt.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -608,12 +608,12 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum">2-11</span>
                <img class="zt-pen" src="../../image/zt-pen.png" alt="" />
                <span class="pageStr zt01-Str">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum zt01-pageNum">2-11</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt01-bdline"></div>
          </div>
        </div>
        <div class="bodystyle">

 src/books/lifeCare/view/components/chapter011.vue

@@ -3,7 +3,9 @@
    <div class="page-box" page="163">
      <div v-if="showPageList.indexOf(163) > -1">
        <div class="bodystyle topImg">
          <h2 id="b010"><img class="img-0" alt="" src="../../image/zt2.jpg" /></h2>
          <h2 id="b010">
            <img class="img-0" alt="" src="../../image/zt2.jpg" />
          </h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
@@ -36,7 +38,8 @@
              能安抚来园婴幼儿的不良情绪。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../../image/0001-5.jpg" /> 会晨间检查。
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会晨间检查。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
@@ -68,20 +71,22 @@
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-left zt02-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题二·来园活动护照</span>
                <span class="pageNum">2-13</span>
                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
                <span class="pageStr zt02-Str">专题二·来园活动护照</span>
                <span class="pageNum zt02-pageNum">2-13</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt02-bdline"></div>
          </div>
        </div>

        <div class="bodystyle">
          <h3 id="c038">
            <span class="bk1-h3"><span class="bj2-h3">一</span>　　来园保育的保教价值　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">一</span>　　来园保育的保教价值　</span
            >
          </h3>
          <p>
            托育机构保育是婴幼儿照护服务的重要组成部分，是生命全周期服务管理的重要内容。托育机构应创设适宜的环境，合理安排一日生活和活动，提供生活照料、安全看护、平衡膳食和早期学习机会，从而促进婴幼儿身体和心理的全面发展。
@@ -90,7 +95,9 @@
            来园环节是婴幼儿在托育机构一日生活保育中的第一个环节。安全、卫生、温馨、舒适的环境对婴幼儿来说是一天愉快生活的基础。保教人员上岗前的个人准备、室内外环境的清洁整理、设施设备的检查、生活物品的准备、教玩具的提供及摆放等，都是来园环节的重要组成部分。来园环节还是建立师生感情、培养婴幼儿的习惯、提高婴幼儿的综合生活能力、开展个性化教育的重要契机。保教人员抓住来园时机与家长交流，能建立起良好的家园沟通平台，实现家园共育。由此可见，来园环节涉及很多工作内容，蕴含了很多的保教价值，在婴幼儿的一日生活中起到关键作用，是不可忽视的。
          </p>
          <h3 id="c039">
            <span class="bk1-h3"><span class="bj2-h3">二</span>　　婴幼儿来园前的准备工作　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">二</span>　　婴幼儿来园前的准备工作　</span
            >
          </h3>
          <h4 class="h4-zt" id="d103">（一）保教人员上岗前的个人准备工作</h4>
          <p>①提前10分钟到达工作岗位，更换舒适且便于运动的工作服。</p>
@@ -120,11 +127,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-14</div>
            <div class="header-bj zt02-bj"></div>
            <div class="content zt02-con">
              <div class="pageStr ztStr">2-14</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img class="ztImg" src="../../image/zt.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -174,14 +181,14 @@
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-left zt02-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题二·来园活动护照</span>
                <span class="pageNum">2-15</span>
                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
                <span class="pageStr zt02-Str">专题二·来园活动护照</span>
                <span class="pageNum zt02-pageNum">2-15</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt02-bdline"></div>
          </div>
        </div>

@@ -191,19 +198,28 @@
            与班组的保教人员简单沟通当天的工作内容，保证婴幼儿一日生活有序进行。
          </p>
          <h3 id="c040">
            <span class="bk1-h3"><span class="bj2-h3">三</span>　　来园活动存在的安全隐患　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">三</span>　　来园活动存在的安全隐患　</span
            >
          </h3>
          <p>
            ①入园时，低龄婴幼儿的家长经常有很多琐事要告知与交接，托育机构的保教人员忙于接待，容易疏忽徘徊在门口的婴幼儿，导致婴幼儿自行离开，易发生意外或走失。
          </p>
          <p>②来园活动区域安排不当，空间布局拥挤，容易造成婴幼儿碰撞或跌倒。</p>
          <p>③在来园活动中，为婴幼儿投放的玩具过少，容易引起婴幼儿的争抢矛盾。</p>
          <p>④婴幼儿入园洗手、如厕后，地面的水渍未及时清理，容易致使滑倒受伤。</p>
          <p>
            ③在来园活动中，为婴幼儿投放的玩具过少，容易引起婴幼儿的争抢矛盾。
          </p>
          <p>
            ④婴幼儿入园洗手、如厕后，地面的水渍未及时清理，容易致使滑倒受伤。
          </p>
          <p>
            ⑤保教人员的管理不到位，没有关注到躲在角落里的婴幼儿，当意外发生时，不能及时采取有效措施。
          </p>
          <h3 id="c041">
            <span class="bk1-h3"><span class="bj2-h3">四</span>　　防范来园活动中的安全问题　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">四</span
              >　　防范来园活动中的安全问题　</span
            >
          </h3>
          <p>
            在婴幼儿来园前时，我们对环境和物品进行了安全检查，以排除隐患。在婴幼儿来园时，又要注意哪些安全问题？遇到问题该如何解决呢？
@@ -228,11 +244,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-16</div>
            <div class="header-bj zt02-bj"></div>
            <div class="content zt02-con">
              <div class="pageStr ztStr">2-16</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img class="ztImg" src="../../image/zt.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -245,7 +261,9 @@
            来园活动结束后，保教人员要认真清点婴幼儿的人数，对于未到园的婴幼儿，要及时联系家长了解原因，并做好出勤记录。
          </p>
          <h3 id="c042">
            <span class="bk1-h3"><span class="bj2-h3">五</span>　　来园接待的内容　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">五</span>　　来园接待的内容　</span
            >
          </h3>
          <p>①营造温馨、舒适、轻松的环境，迎接婴幼儿的到来。</p>
          <p>②热情接待每一位家长和每一名婴幼儿，对婴幼儿亲切问好。</p>
@@ -256,7 +274,10 @@
          <p>⑤引导婴幼儿与同伴问好，与家长说再见。</p>
          <p>⑥引导婴幼儿愉快地加入班级活动。</p>
          <h3 id="c043">
            <span class="bk1-h3"><span class="bj2-h3">六</span>　　安抚来园婴幼儿的不良情绪　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">六</span
              >　　安抚来园婴幼儿的不良情绪　</span
            >
          </h3>
          <p>
            刚入园的婴幼儿普遍会出现哭闹和不愿入园的情况，表现多为亲子分离焦虑。婴幼儿在假期结束后或者病愈后返园，也容易产生不良情绪。婴幼儿对熟悉的环境和朝夕相处的亲人有很强的依赖性，一旦进入园所就意味着要与最亲的父母、最爱的家人、最熟悉的环境有短暂的分离，经受情感依恋的考验，这会导致情绪焦虑和情绪爆发。因此，安抚婴幼儿的情绪是来园活动中非常重要的一项工作，可以采取以下措施缓解入园的焦虑情绪。
@@ -285,14 +306,14 @@
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-left zt02-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题二·来园活动护照</span>
                <span class="pageNum">2-17</span>
                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
                <span class="pageStr zt02-Str">专题二·来园活动护照</span>
                <span class="pageNum zt02-pageNum">2-17</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt02-bdline"></div>
          </div>
        </div>

@@ -301,7 +322,10 @@
            宝宝也有依恋情感，会担心和不舍，甚至与婴幼儿一起流泪，反而容易将自己的情绪传递给婴幼儿，这对婴幼儿适应托育机构的生活是非常不利的。保教人员应引导家长将婴幼儿送到托育机构后微笑着与宝宝道别，不宜停留过久。
          </p>
          <h3 id="c044">
            <span class="bk1-h3"><span class="bj2-h3">七</span>　　有效开展来园接待工作的方法　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">七</span
              >　　有效开展来园接待工作的方法　</span
            >
          </h3>
          <h4 class="h4-zt" id="d113">（一）建立良好的师幼关系</h4>
          <p>
@@ -312,13 +336,17 @@
            来园时，保教人员可以与家长进行简短、有效的交流，了解婴幼儿在家的情况，了解婴幼儿的健康情况，以便于更好地开展婴幼儿一日生活的照料。同时，保教人员应有针对性地回应，展现出正确的教育理念和专业性，让家长增加对保教人员的信任感，拉近家园情感距离，增强家园衔接的有效性，以达到家园共育的最佳效果。
          </p>
          <h3 id="c045">
            <span class="bk1-h3"><span class="bj2-h3">八</span>　　晨间检查的必要性　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">八</span>　　晨间检查的必要性　</span
            >
          </h3>
          <p>
            婴幼儿自身免疫系统发育未完善，对各种疾病的抵抗力较差。入园前，原本单一、封闭的家庭养育模式使得婴幼儿与外界接触少，受细菌、病毒侵入的概率低。而进入托育机构后，婴幼儿相对聚集，如有一个婴幼儿患病，就很容易造成疾病传播，特别是传染病的发生和扩散。因此，及时发现和隔离，做到早发现、早报告、早隔离、早治疗，能确保每个幼儿的健康。认真执行晨间检查制度，是预防婴幼儿疾病的一个重要措施，是保证婴幼儿安全入园的重要途径，是托育机构日常工作的重要内容。
          </p>
          <h3 id="c046">
            <span class="bk1-h3"><span class="bj2-h3">九</span>　　开展晨间检查　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">九</span>　　开展晨间检查　</span
            >
          </h3>
          <h4 class="h4-zt" id="d115">（一）晨间检查用品的准备</h4>
          <p>保教人员应准备消毒过的体温计（或体温测量仪器）和压舌板，装有电</p>
@@ -330,11 +358,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-18</div>
            <div class="header-bj zt02-bj"></div>
            <div class="content zt02-con">
              <div class="pageStr ztStr">2-18</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img class="ztImg" src="../../image/zt.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -377,20 +405,22 @@
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-left zt02-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题二·来园活动护照</span>
                <span class="pageNum">2-19</span>
                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
                <span class="pageStr zt02-Str">专题二·来园活动护照</span>
                <span class="pageNum zt02-pageNum">2-19</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt02-bdline"></div>
          </div>
        </div>

        <div class="bodystyle">
          <h3 id="c047">
            <span class="bk1-h3"><span class="bj2-h3">十</span>　　接待带药的婴幼儿　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十</span>　　接待带药的婴幼儿　</span
            >
          </h3>
          <p>
            进入托育机构的婴幼儿经常会因为自身抵抗力差、环境改变、季节变化、情绪影响等因素出现病症，家长通常会及时带婴幼儿去医院就诊。在排除传染病疾病和器质性疾病后，保教人员还是会鼓励家长坚持送婴幼儿入园。因为长时间在家休养会使较小年龄的婴幼儿产生不愿意上托育机构的情绪，造成适应期延长，不利于婴幼儿的健康成长。
@@ -404,15 +434,22 @@
          <p>
            收纳管理婴幼儿药物时，必须根据“喂药委托及服药记录表”上的内容进行核对，并在药物标签上标注用药婴幼儿的姓名。给药时要仔细核对，确保婴幼儿用药的准确性和安全性。
          </p>
          <p><br/></p>
          <p><br /></p>
          <div class="bk-tx border-xxfs">
            <div class="bj3"><span class="cirlce"></span><span>学习反思</span></div>
            <textarea v-model="chapter011.textAreaItem.text39" style="border: 0" placeholder="请输入内容" rows="8"
              class="textareaInput" @blur="onBlurChange('text39')"></textarea>
            <div class="bj3">
              <span class="cirlce"></span><span>学习反思</span>
            </div>
            <textarea
              v-model="chapter011.textAreaItem.text39"
              style="border: 0"
              placeholder="请输入内容"
              rows="8"
              class="textareaInput"
              @blur="onBlurChange('text39')"
            ></textarea>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>

 src/books/lifeCare/view/components/chapter012.vue

@@ -3,7 +3,9 @@
    <div class="page-box" page="171">
      <div v-if="showPageList.indexOf(171) > -1">
        <div class="bodystyle topImg">
          <h2 id="b011"><img class="img-0" alt="" src="../../image/zt3.jpg" /></h2>
          <h2 id="b011">
            <img class="img-0" alt="" src="../../image/zt3.jpg" />
          </h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
@@ -58,20 +60,22 @@
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-left zt03-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-21</span>
                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
                <span class="pageStr zt03-Str">专题三·盥洗活动照护</span>
                <span class="pageNum zt03-pageNum">2-21</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt03-bdline"></div>
          </div>
        </div>

        <div class="bodystyle">
          <h3 id="c048">
            <span class="bk1-h3"><span class="bj2-h3">一</span>　　洗手的重要性　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">一</span>　　洗手的重要性　</span
            >
          </h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">⊙　关于洗手的故事　⊙</p>
@@ -89,12 +93,16 @@
          <p>
            婴幼儿的免疫系统不成熟、不完善，容易受到各种不良因素的影响，成为被感染的高危人群。洗手是预防疾病最简便有效的措施之一。婴幼儿在生活中，手不断接触到被病毒、细菌污染的物品，如果不能及时正确洗手，手上的病原体可能通过手和口、眼、鼻的黏膜接触进入人体。洗手可以简单有效地切断这一途径，降低感染风险。
          </p>
          <h4 class="h4-zt" id="d119">（二）保教人员洗手可以有效减少交叉感染</h4>
          <h4 class="h4-zt" id="d119">
            （二）保教人员洗手可以有效减少交叉感染
          </h4>
          <p>
            保教人员需要频繁接触婴幼儿，如果自身不注意手的卫生，就会将手上携带的病菌传播给婴幼儿，造成交叉感染。
          </p>
          <h3 id="c049">
            <span class="bk1-h3"><span class="bj2-h3">二</span>　　洗手的时机　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">二</span>　　洗手的时机　</span
            >
          </h3>
          <p>
            婴幼儿在如厕后、吃东西前、接触宠物后、外出归来后（去户外活动或外出游玩回来）、咳嗽后、打喷嚏后、擦鼻涕后、接触脏东西后都需要洗手。
@@ -110,11 +118,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-22</div>
            <div class="header-bj zt03-bj"></div>
            <div class="content zt03-con">
              <div class="pageStr ztStr">2-22</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img src="../../image/zt.png" class="ztImg" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -122,7 +130,9 @@
        </div>
        <div class="bodystyle">
          <h3 id="c050">
            <span class="bk1-h3"><span class="bj2-h3">三</span>　　组织和指导婴幼儿洗手　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">三</span>　　组织和指导婴幼儿洗手　</span
            >
          </h3>
          <p><br /></p>
          <div class="bk-zt1">
@@ -222,20 +232,23 @@
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-left zt03-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-23</span>
                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
                <span class="pageStr zt03-Str">专题三·盥洗活动照护</span>
                <span class="pageNum zt03-pageNum">2-23</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt03-bdline"></div>
          </div>
        </div>

        <div class="bodystyle">
          <h3 id="c051">
            <span class="bk1-h3"><span class="bj2-h3">四</span>　　根据婴幼儿眼睛、耳朵、鼻腔、口腔和皮肤的特点实施清洁　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">四</span
              >　　根据婴幼儿眼睛、耳朵、鼻腔、口腔和皮肤的特点实施清洁　</span
            >
          </h3>
          <h4 class="h4-zt" id="d123">（一）婴幼儿眼睛的特点及清洁要点</h4>
          <p>眼睛的结构如图2-3-2所示。</p>
@@ -274,11 +287,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-24</div>
            <div class="header-bj zt03-bj"></div>
            <div class="content zt03-con">
              <div class="pageStr ztStr">2-24</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img src="../../image/zt.png" class="ztImg" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -321,14 +334,14 @@
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-left zt03-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-25</span>
                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
                <span class="pageStr zt03-Str">专题三·盥洗活动照护</span>
                <span class="pageNum zt03-pageNum">2-25</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt03-bdline"></div>
          </div>
        </div>

@@ -341,7 +354,9 @@
          <p class="img">图2-3-4　鼻腔的结构</p>
          <h5 class="h5-zt" id="e107">1.婴幼儿鼻腔的特点</h5>
          <p>（1）容易感染</p>
          <p>婴幼儿鼻腔内黏膜柔软，鼻毛较少，对空气的过滤作用较弱，容易感染。</p>
          <p>
            婴幼儿鼻腔内黏膜柔软，鼻毛较少，对空气的过滤作用较弱，容易感染。
          </p>
          <p>（2）容易堵塞</p>
          <p>
            婴幼儿鼻腔较狭窄，血管丰富，遇到轻微的刺激就会充血水肿，引发鼻黏膜肿胀，分泌物增多，造成鼻腔堵塞。
@@ -373,11 +388,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-26</div>
            <div class="header-bj zt03-bj"></div>
            <div class="content zt03-con">
              <div class="pageStr ztStr">2-26</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img src="../../image/zt.png" class="ztImg" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -409,7 +424,9 @@
          </p>
          <h5 class="h5-zt" id="e110">2.影响婴幼儿口腔健康的因素</h5>
          <p>婴幼儿口腔健康受到很多因素的影响，见表2-3-2。</p>
          <p class="img">表2-3-2　影响婴幼儿口腔健康的因素及维护口腔健康的做法</p>
          <p class="img">
            表2-3-2　影响婴幼儿口腔健康的因素及维护口腔健康的做法
          </p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../../image/0189-3.jpg" />
          </p>
@@ -422,14 +439,14 @@
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-left zt03-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-27</span>
                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
                <span class="pageStr zt03-Str">专题三·盥洗活动照护</span>
                <span class="pageNum zt03-pageNum">2-27</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt03-bdline"></div>
          </div>
        </div>

@@ -472,11 +489,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-28</div>
            <div class="header-bj zt03-bj"></div>
            <div class="content zt03-con">
              <div class="pageStr ztStr">2-28</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img src="../../image/zt.png" class="ztImg" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -507,7 +524,9 @@
            保育员需要每天用清水帮助婴幼儿洗脸、手、耳等皮肤裸露的部分，勤为其洗澡、洗头，勤剪指甲，保持皮肤清洁。若婴幼儿的皮脂腺分泌物过多，在头皮上形成一层黄褐色的痂皮，可将植物油加热，晾凉之后用来闷软痂皮，然后再清洗。在盥洗过程中需要注意保温，正确选用婴幼儿洗护用品，必须为婴幼儿选用专用护肤品，切不可用成人的清洁用品、护肤品及有刺激性的化妆品。在皮肤上涂拭药物也要注意药物的浓度和剂量，不可过量。
          </p>
          <h3 id="c052">
            <span class="bk1-h3"><span class="bj2-h3">五</span>　　不同性别的婴幼儿的清洁　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">五</span>　　不同性别的婴幼儿的清洁　</span
            >
          </h3>
          <h4 class="h4-zt" id="d128">（一）女童</h4>
          <p>
@@ -522,14 +541,14 @@
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-left zt03-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-29</span>
                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
                <span class="pageStr zt03-Str">专题三·盥洗活动照护</span>
                <span class="pageNum zt03-pageNum">2-29</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt03-bdline"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -544,7 +563,10 @@
            男童最难清理的是生殖器官。刚出生的男童的包皮还紧附在龟头上，只需要把露在外面的部分轻轻洗干净即可。大部分的男童在2岁之前，包皮和龟头不会完全分开，这时特地翻开包皮清洗，如果成人动作太大或孩子乱动都容易弄伤男童。待男童长大一些，包皮与龟头完全分开之后，再协助男童翻开包皮清洗，清洗时，动作一定要轻柔，在皱褶处多花些时间。男童没有所谓“从前往后”的清洗原则，但应好好清洗皮肤皱褶处。平时如厕后用婴幼儿专用湿纸巾擦干净，洗澡的时候可以用干净的纱布擦拭大腿根部、外阴部的皮肤皱褶处，对于男童的睾丸要轻柔、仔细，包括阴茎下方、睾丸与皮肤贴合之处都要清洗干净。
          </p>
          <h3 id="c053">
            <span class="bk1-h3"><span class="bj2-h3">六</span>　　使婴幼儿养成良好的盥洗习惯　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">六</span
              >　　使婴幼儿养成良好的盥洗习惯　</span
            >
          </h3>
          <p>
            良好的盥洗习惯有利于婴幼儿身心健康的发展和行为习惯的培养。保育员应对不同年龄的婴幼儿进行盥洗训练和指导，以便婴幼儿熟练掌握盥洗技能，形成自觉盥洗的习惯。
@@ -561,11 +583,11 @@
        <!-- 偶数页 -->
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-30</div>
            <div class="header-bj zt03-bj"></div>
            <div class="content zt03-con">
              <div class="pageStr ztStr">2-30</div>
              <div class="title">
                <img src="../../image/chapter.png" alt="" />
                <img src="../../image/zt.png" class="ztImg" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -573,26 +595,30 @@
        </div>

        <div class="bodystyle">
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../../image/0193-1.jpg" />
          </p>
          <p class="img">图2-3-7　托育园的盥洗环境</p>
          <h4 class="h4-zt" id="d131">（二）鼓励幼儿练习盥洗</h4>
          <p>
            保育员不要因为担心幼儿自己洗不干净而包办代替，应放手让幼儿练习盥洗。针对13～24个月龄的幼儿，应协助和引导幼儿自己洗手、刷牙；针对25～36月龄的幼儿，应引导幼儿餐后漱口，正确刷牙，使用肥皂或洗手液正确洗手，认识自己的毛巾并擦手。
          </p>
          <h4 class="h4-zt" id="d132">（三）发挥示范的积极作用</h4>
          <p>
            成人是婴幼儿模仿的重要对象，保育员的日常行为随时都会对婴幼儿的发展产生潜移默化的影响。保育员要善于抓住一切机会为婴幼儿做好行为示范，用自己良好的盥洗习惯去影响他们。同伴是婴幼儿观摩学习的榜样。保育员可以在婴幼儿中树立良好的典型，让婴幼儿相互交流、观摩和学习。
          </p>
          <h4 class="h4-zt" id="d133">（四）根据年龄特点因材施教</h4>
          <p>
            不同年龄婴幼儿的盥洗教育的指导内容和方法应各有不同。对1岁以内的婴儿，保育员以全程帮助为主；1～2岁的幼儿，保育员可以在部分简单的环节放手让幼儿独立完成，难以完成的环节由保育员帮助完成；2～3岁的幼儿，保育员在每日的盥洗环节指导幼儿练习，学会大多数盥洗内容的操作。因为婴幼儿各方面的能力较低，保育员必须对婴幼儿进行反复的、持之以恒的指导和训练，才可能取得较好的效果。
          </p>
          <h4 class="h4-zt" id="d134">（五）开展适当的行为强化</h4>
          <p>
            任何一项盥洗活动都包括许多步骤，只有反复练习，婴幼儿才会熟练掌握，并形成习惯。针对一些婴幼儿在盥洗时表现出的种种不良行为习惯，应选择正确的行为作为目标不断强化。例如，对于盥洗时爱嬉闹的婴幼儿，要求在规定的时间内完成；对于推挤、有攻击行为的婴幼儿，不忘提醒其遵守盥洗要求；当婴幼儿缺乏控制能力时，保育员要有意识地利用语言、表情、动作等给予暗示，及时提醒，如提醒婴幼儿随手关紧水龙头，让婴幼儿从小养成节约用水的好习惯。
          </p>
          <div class="rightPng">
            <p class="center openImgBox">
              <img class="img-b" alt="" src="../../image/0193-1.jpg" />
            </p>
            <p class="img">图2-3-7　托育园的盥洗环境</p>
          </div>
          <div>
            <h4 class="h4-zt" id="d131">（二）鼓励幼儿练习盥洗</h4>
            <p>
              保育员不要因为担心幼儿自己洗不干净而包办代替，应放手让幼儿练习盥洗。针对13～24个月龄的幼儿，应协助和引导幼儿自己洗手、刷牙；针对25～36月龄的幼儿，应引导幼儿餐后漱口，正确刷牙，使用肥皂或洗手液正确洗手，认识自己的毛巾并擦手。
            </p>
            <h4 class="h4-zt" id="d132">（三）发挥示范的积极作用</h4>
            <p>
              成人是婴幼儿模仿的重要对象，保育员的日常行为随时都会对婴幼儿的发展产生潜移默化的影响。保育员要善于抓住一切机会为婴幼儿做好行为示范，用自己良好的盥洗习惯去影响他们。同伴是婴幼儿观摩学习的榜样。保育员可以在婴幼儿中树立良好的典型，让婴幼儿相互交流、观摩和学习。
            </p>
            <h4 class="h4-zt" id="d133">（四）根据年龄特点因材施教</h4>
            <p>
              不同年龄婴幼儿的盥洗教育的指导内容和方法应各有不同。对1岁以内的婴儿，保育员以全程帮助为主；1～2岁的幼儿，保育员可以在部分简单的环节放手让幼儿独立完成，难以完成的环节由保育员帮助完成；2～3岁的幼儿，保育员在每日的盥洗环节指导幼儿练习，学会大多数盥洗内容的操作。因为婴幼儿各方面的能力较低，保育员必须对婴幼儿进行反复的、持之以恒的指导和训练，才可能取得较好的效果。
            </p>
            <h4 class="h4-zt" id="d134">（五）开展适当的行为强化</h4>
            <p>
              任何一项盥洗活动都包括许多步骤，只有反复练习，婴幼儿才会熟练掌握，并形成习惯。针对一些婴幼儿在盥洗时表现出的种种不良行为习惯，应选择正确的行为作为目标不断强化。例如，对于盥洗时爱嬉闹的婴幼儿，要求在规定的时间内完成；对于推挤、有攻击行为的婴幼儿，不忘提醒其遵守盥洗要求；当婴幼儿缺乏控制能力时，保育员要有意识地利用语言、表情、动作等给予暗示，及时提醒，如提醒婴幼儿随手关紧水龙头，让婴幼儿从小养成节约用水的好习惯。
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -602,14 +628,14 @@
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-left zt03-left"></div>
              <div class="second-right">
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-31</span>
                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
                <span class="pageStr zt03-Str">专题三·盥洗活动照护</span>
                <span class="pageNum zt03-pageNum">2-31</span>
              </div>
            </div>
            <div class="borderLine"></div>
            <div class="borderLine zt03-bdline"></div>
          </div>
        </div>

@@ -621,11 +647,19 @@
          <p>
            良好的盥洗习惯是人不可缺少的素质之一，对于孩子今后的健康发展也具有相当重要的作用。我们应从小为孩子播下良好习惯的种子，因为有良好盥洗习惯的孩子将终身受益。
          </p>
          <p><br/></p>
          <p><br /></p>
          <div class="bk-tx border-xxfs">
            <div class="bj3"><span class="cirlce"></span><span>学习反思</span></div>
            <textarea v-model="chapter012.textAreaItem.text39" style="border: 0" placeholder="请输入内容" rows="8"
              class="textareaInput" @blur="onBlurChange('text39')"></textarea>
            <div class="bj3">
              <span class="cirlce"></span><span>学习反思</span>
            </div>
            <textarea
              v-model="chapter012.textAreaItem.text39"
              style="border: 0"
              placeholder="请输入内容"
              rows="8"
              class="textareaInput"
              @blur="onBlurChange('text39')"
            ></textarea>
          </div>
        </div>
      </div>

 src/books/lifeCare/view/components/index.vue

@@ -191,7 +191,7 @@
  },
  mounted() {
    // 默认加载章节
    this.showCatalogList = [1];
    this.showCatalogList = [14];
    // 滚动监听节流
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,