YM
2024-05-31 781876372311fa27266a223062b460ac09e93a40
Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
7个文件已删除
49个文件已修改
8个文件已添加
8831 ■■■■ 已修改文件
src/App.vue 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy1-le2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/icon/图片文件.svg 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/main.less 14 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter001.vue 1196 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/header.vue 19 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/index.vue 392 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter0004.vue 13 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter001.vue 416 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter002.vue 28 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter003.vue 18 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter005.vue 83 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter006.vue 53 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter007.vue 40 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter008.vue 130 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter009.vue 33 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter010.vue 33 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/components/chapter011.vue 19 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/childHealth/view/content/index.vue 10 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/embedded/assets/images/icon/download.svg 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/embedded/assets/images/icon/rar(1).png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/embedded/assets/images/icon/rar.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/embedded/assets/images/icon/word(1).png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/embedded/assets/images/icon/word.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/embedded/assets/images/icon/下载.svg 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/embedded/assets/main.less 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/embedded/view/components/chapter001.vue 541 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/embedded/view/components/index.vue 11 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/components/carousel.vue 28 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/components/chapter01/table-1-1-1.vue 85 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/components/chapter01/table-1-1-2.vue 245 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/components/chapter01/table-1-1-3.vue 148 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/components/customTable.vue 108 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/components/header.vue 50 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/css/default.less 60 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/image/Cover.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/index.vue 30 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter001.vue 49 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter002.vue 74 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter003.vue 376 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter004.vue 73 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter005.vue 164 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter006.vue 64 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter007.vue 230 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter008.vue 42 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter009.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter010.vue 98 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter011.vue 54 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter012.vue 88 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter013.vue 92 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter014.vue 192 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter015.vue 73 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter016.vue 63 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter017.vue 53 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/chapter018.vue 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/lifeCare/view/front001.vue 101 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/css/default.less 198 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/image/pdf.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/image/sports.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/index.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/chapter001.vue 13 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/chapter002.vue 1597 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/text.html 1279 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/examinations/index.vue 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/App.vue
@@ -50,7 +50,6 @@
          if (tryPageCount) {
            this.activeBook.tryPageCount = tryPageCount;
          }
          console.log("图书", this.activeBook);
          if (
            (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig)
          ) {
@@ -65,6 +64,8 @@
        // childHealth
        // lifeCare
        // sportsAndHealth
        // embedded
        // english
        this.config.resourceCtx + "childHealth"
      );
      // æµ‹è¯•试读30页
@@ -91,7 +92,7 @@
.highLight {
  border: 1px dashed rgba(255, 255, 255, 0);
  border-radius: 5px;
  padding: 3px;
  padding: 3px 0;
  cursor: pointer;
}
.highLight:hover {
@@ -100,7 +101,7 @@
.underline {
  border: 1px dashed rgba(255, 255, 255, 0);
  padding: 5px;
  padding: 5px 0;
  border-radius: 5px;
  text-decoration: underline;
  text-decoration-style: wavy;
src/books/English/assets/images/dy1-le2.jpg
src/books/English/assets/images/icon/ͼƬÎļþ.svg
New file
@@ -0,0 +1,7 @@
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink"
  width="20" height="20">
  <path
    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
    fill="#ffffff" p-id="30865"></path>
</svg>
src/books/English/assets/main.less
@@ -676,6 +676,9 @@
  .fl {
    display: flex;
  }
  .fw-wr {
    flex-wrap: wrap;
  }
  .ju-bt {
    justify-content: space-between;
  }
@@ -841,6 +844,7 @@
  }
  .parimary-btn {
    min-width: 80px;
    height: 30px;
    font-size: 14px;
    margin-left: 5px;
    background-color: #0bab87;
@@ -860,6 +864,7 @@
    color: red;
  }
  .icon-box {
    margin-left: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
@@ -935,6 +940,15 @@
      }
    }
  }
  .textarea-box {
    border: none;
    text-align: center;
    width: 84px;
    height: 36px;
    overflow: auto;
    word-break: break-all;
    resize: none;
  }
}
/* åª’体查询做基础响应式布局 */
@media (max-width: 660px) {
src/books/English/view/components/chapter001.vue
@@ -1,8 +1,8 @@
<template>
  <div class="chapter" num="0">
  <div class="chapter" num="2">
    <!-- 1 -->
    <div class="page-box" page="7">
      <div class="bodystyle">
      <div class="bodystyle" v-if="showPageList.indexOf(7) > -1">
        <h1 id="a005">
          <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
        </h1>
@@ -24,6 +24,7 @@
    </div>
    <!-- 2 -->
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
      <div class="w100 mb-20" style="padding-right: 20px">
        <div
          class="event-header-bc fl al-end"
@@ -60,18 +61,13 @@
                />
              </svg>
            </span>
            <!-- <button
              @click="showAnswerTwo = !showAnswerTwo"
              class="parimary-btn"
            >
              æ˜¾ç¤ºç­”案
            </button> -->
          </p>
            <div class="openImgBox">
          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
                <p class="center">
                  <el-image :src="imgOne" :preview-src-list="[imgOne]" />
                      <img src="../../assets/images/0012-1.jpg" class="w100" />
                </p>
                <p class="center">
                  1.<input
@@ -81,19 +77,41 @@
                    @change="setBookQuestion"
                  />
                  <span class="icon-box">
                    <svg v-if="questionData.warnUp.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.one.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="questionData.warnUp.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.one.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -109,9 +127,8 @@
            <div class="right" style="width: 48%">
              <div>
                <p class="center">
                  <el-image
                    :src="imgTwo"
                    :preview-src-list="[imgTwo]"
                      <img
                        src="../../assets/images/0012-2.jpg"
                    style="width: 94%"
                  />
                </p>
@@ -123,19 +140,41 @@
                    @change="setBookQuestion"
                  />
                  <span class="icon-box">
                    <svg v-if="questionData.warnUp.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.two.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="questionData.warnUp.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.two.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -154,7 +193,7 @@
            <div class="left" style="width: 48%">
              <div>
                <p class="center">
                  <el-image :src="imgThree" :preview-src-list="[imgThree]" />
                      <img src="../../assets/images/0012-3.jpg" class="w100" />
                </p>
                <p class="center">
                  3.<input
@@ -164,19 +203,41 @@
                    @change="setBookQuestion"
                  />
                  <span class="icon-box">
                    <svg v-if="questionData.warnUp.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.three.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="questionData.warnUp.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.three.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -192,9 +253,8 @@
            <div class="right" style="width: 48%">
              <div>
                <p class="center">
                  <el-image
                    :src="imgFour"
                    :preview-src-list="[imgFour]"
                      <img
                        src="../../assets/images/0012-4.jpg"
                    style="width: 93%"
                  />
                </p>
@@ -206,19 +266,41 @@
                    @change="setBookQuestion"
                  />
                  <span class="icon-box">
                    <svg v-if="questionData.warnUp.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.four.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="questionData.warnUp.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.four.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -237,7 +319,7 @@
            <div class="left" style="width: 48%">
              <div>
                <p class="center">
                  <el-image :src="imgFive" :preview-src-list="[imgFive]" />
                      <img src="../../assets/images/0012-5.jpg" class="w100" />
                </p>
                <p class="center">
                  5.<input
@@ -247,19 +329,41 @@
                    @change="setBookQuestion"
                  />
                  <span class="icon-box">
                    <svg v-if="questionData.warnUp.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.five.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="questionData.warnUp.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.five.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -275,9 +379,8 @@
            <div class="right" style="width: 48%">
              <div>
                <p class="center">
                  <el-image
                    :src="imgSix"
                    :preview-src-list="[imgSix]"
                      <img
                        src="../../assets/images/0012-6.jpg"
                    style="width: 92%"
                  />
                </p>
@@ -289,19 +392,41 @@
                    @change="setBookQuestion"
                  />
                  <span class="icon-box">
                    <svg v-if="questionData.warnUp.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.six.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="questionData.warnUp.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.six.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -313,6 +438,7 @@
              >
                ç­”案:Chinese chess
              </p>
                </div>
            </div>
          </div>
          <p class="t0">
@@ -350,11 +476,11 @@
            style="width: 100%"
            v-if="showAnswerOne"
          >
            ç­”案:1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese silk
            6. Chinese calligraphy & painting 7. Chinese embroidery 8. Chinese
            papercut 9. Chinese lantern 10. Moon cake 11. Memorial archway 12.
            Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16. Opera facial
            makeup
              ç­”案:1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese
              silk 6. Chinese calligraphy & painting 7. Chinese embroidery 8.
              Chinese papercut 9. Chinese lantern 10. Moon cake 11. Memorial
              archway 12. Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16.
              Opera facial makeup
          </p>
        </div>
      </div>
@@ -362,8 +488,10 @@
        <span class="contet-num-box">2</span>
      </div>
    </div>
    </div>
    <!-- 3 -->
    <div class="page-box" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class=""></li>
        <li class="fz-18">
@@ -394,7 +522,8 @@
            <audio :src="resource.readingOne" controls></audio>
          </h3>
          <p>
            1.How was Chinese culture introduced to the world in ancient times?
              1.How was Chinese culture introduced to the world in ancient
              times?
            <!-- <button
              class="parimary-btn"
              @click="showAnswerThree = !showAnswerThree"
@@ -432,8 +561,8 @@
            ç­”案:The Silk Road &nbsp;&nbsp;&nbsp; Immigrants Sinologist
          </p>
          <p>
            2.China offers so much to see and explore.What took you by surprise
            about China?
              2.China offers so much to see and explore.What took you by
              surprise about China?
            <!-- <button
              class="parimary-btn"
              @click="showAnswerFour = !showAnswerFour"
@@ -468,9 +597,10 @@
            style="margin-left: 40px; width: 91%"
            v-if="showAnswerFour"
          >
            ç­”案:(1)Various delicious food (2)Unique architectures (3)Beautiful
            (4)Intangible cultural heritage, such as Taichi, shadow puppet show,
            traditional Chinese medicine, Peking Opera scenery
              ç­”案:(1)Various delicious food (2)Unique architectures
              (3)Beautiful (4)Intangible cultural heritage, such as Taichi,
              shadow puppet show, traditional Chinese medicine, Peking Opera
              scenery
          </p>
          <p class="center"><b>My Experience in Wonderland</b></p>
          <p class="block">
@@ -486,9 +616,9 @@
              >incredible</span
            >
            journey to China started in 2017 when I got selected as a foreign
            student for PhD studies at one university.When I arrived in China,I
            was like Alice in Alice in Wonderland.I was curious about the
            people,the culture,the
              student for PhD studies at one university.When I arrived in
              China,I was like Alice in Alice in Wonderland.I was curious about
              the people,the culture,the
            <span class="word-bc" @click="saveWord($event, 'cuisine')"
              >cuisine</span
            >
@@ -498,9 +628,9 @@
            >.
          </p>
          <p>
            I found many great people and made several Chinese friends along the
            way.These friends made me see China through the eyes of the locals.I
            always found Chinese people very friendly and
              I found many great people and made several Chinese friends along
              the way.These friends made me see China through the eyes of the
              locals.I always found Chinese people very friendly and
            <span class="word-bc" @click="saveWord($event, 'hospitable')"
              >hospitable</span
            >
@@ -509,8 +639,8 @@
            <span class="word-bc" @click="saveWord($event, 'civilization')"
              >civilization</span
            >
            much easier,enjoyable and memorable.I consider China my second home
            and love it like my own country!
              much easier,enjoyable and memorable.I consider China my second
              home and love it like my own country!
          </p>
          <p>
            You cannot
@@ -526,8 +656,10 @@
        <span class="contet-num-box">3</span>
      </div>
    </div>
    </div>
    <!-- 4 -->
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -1">
      <div class="w100 mb-20" style="padding-right: 20px">
        <div
          class="event-header-bc fl al-end"
@@ -542,9 +674,10 @@
      <div class="padding-93">
        <div class="bodystyle">
          <p class="t0">
            a new kind of food every day for one whole year,the list of Chinese
            food would still never end! Though I love to eat almost all kinds of
            Chinese cuisine,I found Sichuan and Hunan cuisine quite
              a new kind of food every day for one whole year,the list of
              Chinese food would still never end! Though I love to eat almost
              all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
              quite
            <span class="word-bc" @click="saveWord($event, 'mouth-watering')"
              >mouth-watering</span
            >
@@ -555,7 +688,8 @@
            <span class="word-bc" @click="saveWord($event, 'foodie')"
              >foodie</span
            >
            like me,China is a heaven.I simply cannot live without Chinese food.
              like me,China is a heaven.I simply cannot live without Chinese
              food.
          </p>
          <p>
            Like I said earlier,China is a huge wonderland.It has thousands of
@@ -572,20 +706,22 @@
              @click="saveWord($event, 'atmosphere')"
              >atmosphere</span
            >
            that attracts you.I visited more than a dozen cities and came across
            their charming features and unique landscapes such as Huangshan,the
            Great Wall,Canton Tower.
              that attracts you.I visited more than a dozen cities and came
              across their charming features and unique landscapes such as
              Huangshan,the Great Wall,Canton Tower.
          </p>
          <p>
            There is so much to explore and I am looking forward to it during my
            stay.This is a whole new exciting experience for me,and it will
              There is so much to explore and I am looking forward to it during
              my stay.This is a whole new exciting experience for me,and it will
            always be remembered.
          </p>
          <!-- <p class="center">
            <img class="img-g" alt="" src="../../assets/images/0014-1.jpg" />
          </p> -->
          <p class="fl al-cn mt-40">
            <span class="zt-cs " style="font-size:20px">Words &amp; Expressions</span>
              <span class="zt-cs" style="font-size: 20px"
                >Words &amp; Expressions</span
              >
            <span class="line-border-box"></span>
          </p>
          <audio
@@ -606,7 +742,9 @@
          </p>
          <div class="bkbj">
            <p>
              <i>the food served in a restaurant (usually an expensive one)</i>
                <i
                  >the food served in a restaurant (usually an expensive one)</i
                >
            </p>
          </div>
          <p>landscape /ˈlændskeɪp/ <i>n.</i> ï¼ˆé™†ä¸Šï¼‰ é£Žæ™¯ï¼Œæ™¯è‰²</p>
@@ -624,8 +762,9 @@
          <div class="bkbj">
            <p>
              <i
                >a society,its culture and its way of life (during a particular
                period of time or in a particular part of the world)</i
                  >a society,its culture and its way of life (during a
                  particular period of time or in a particular part of the
                  world)</i
              >
            </p>
          </div>
@@ -633,8 +772,8 @@
          <div class="bkbj">
            <p>
              <i
                >to travel into or around an area or a country in order to learn
                about it</i
                  >to travel into or around an area or a country in order to
                  learn about it</i
              >
            </p>
          </div>
@@ -648,8 +787,10 @@
        <span class="contet-num-box">4</span>
      </div>
    </div>
    </div>
    <!-- 5 -->
    <div class="page-box" page="11">
      <div v-if="showPageList.indexOf(11) > -1">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class=""></li>
        <li class="fz-18">
@@ -661,7 +802,9 @@
      </ul>
      <div class="padding-93">
        <div class="bodystyle">
          <p>stimulating /ˈstɪmjuleɪtɪŋ/ <i>adj.</i> å¢žåŠ æ´»åŠ›çš„ï¼›å¢žè¿›å¥åº·çš„</p>
            <p>
              stimulating /ˈstɪmjuleɪtɪŋ/ <i>adj.</i> å¢žåŠ æ´»åŠ›çš„ï¼›å¢žè¿›å¥åº·çš„
            </p>
          <div class="bkbj">
            <p>
              <i>making you feel more active and healthy</i> foodie /ˈfuːdi/
@@ -687,11 +830,19 @@
              >
            </p>
          </div>
            <ul class="w100 fl fw-wr">
              <li>
          <p>get selected as ...被选为……</p>
          <p>(a) variety of ...各种各样的……</p>
          <p>come across å¶é‡ï¼›ç¢°åˆ°</p>
              </li>
              <li>
          <p>be curious about ...对……感到好奇</p>
          <p>along the way æ²¿é€”</p>
              </li>
            </ul>
          <div class="bj-note">
            <p class="m0 "><b class="fz-18">Notes:</b></p>
            <p class="m0">
@@ -706,22 +857,92 @@
            China.
          </p>
          <p>
            <input type="checkbox" name="ball" value="basketball" id="1" checked="checked"/>
            Language</p>
          <p><input type="checkbox" name="ball" value="basketball" id="1" /> People</p>
          <p><input type="checkbox" name="ball" value="basketball" id="1"/> Culture</p>
          <p><input type="checkbox" name="ball" value="basketball" id="1" /> Cuisine</p>
          <p><input type="checkbox" name="ball" value="basketball" id="1" /> Folk art</p>
          <p><input type="checkbox" name="ball" value="basketball" id="1" /> Landscapes</p>
          <p><input type="checkbox" name="ball" value="basketball" id="1" /> Transportation</p>
              <input
                type="checkbox"
                name="ball"
                value="Language"
                id="1"
                v-model="testData.check"
              />
              Language
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="People"
                id="2"
                v-model="testData.check"
              />
              People
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="Culture"
                id="3"
                v-model="testData.check"
              />
              Culture
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="Cuisine"
                id="4"
                v-model="testData.check"
              />
              Cuisine
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="Folk"
                id="5"
                v-model="testData.check"
              />
              Folk art
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="Landscapes"
                id="6"
                v-model="testData.check"
              />
              Landscapes
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="Transportation"
                id="7"
                v-model="testData.check"
              />
              Transportation
            </p>
            <p
              class="event-header-text-bc pd-5"
              style="margin-left: 35px; width: 93%"
              v-if="showQuestionAnswer"
            >
              ç­”案:Culture,Cuisine,Landscapes
            </p>
        </div>
      </div>
      <div class="preface-bottom">
        <span class="contet-num-box">5</span>
      </div>
    </div>
    </div>
    <!-- 6 -->
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
      <div class="w100 mb-20" style="padding-right: 20px">
        <div
          class="event-header-bc fl al-end"
@@ -751,8 +972,8 @@
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            ç­”案:Chinese food is very delicious. Sichuan and Hunan cuisines are
            quite mouth-watering and stimulating.
              ç­”案:Chinese food is very delicious. Sichuan and Hunan cuisines
              are quite mouth-watering and stimulating.
          </p>
          <p>2.When and why did the author start her journey to China?</p>
          <textarea
@@ -768,7 +989,8 @@
            v-if="showQuestionAnswer"
          >
            ç­”案:When the author got selected as a foreign student for PhD
            studies at one university in 2017, she started her journey to China.
              studies at one university in 2017, she started her journey to
              China.
          </p>
          <p>3.What are the author’s expectations of her stay in China?</p>
          <textarea
@@ -814,11 +1036,11 @@
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            ç­”案:Each city has its unique atmosphere with charming features and
            unique landscapes.
              ç­”案:Each city has its unique atmosphere with charming features
              and unique landscapes.
          </p>
          Each city has its unique atmosphere with charming features and unique
          landscapes.
            Each city has its unique atmosphere with charming features and
            unique landscapes.
          <p><b>Ⅱ.Language focus.</b></p>
          <p>
            A.Fill in the blanks with the proper words in the passage.The
@@ -838,8 +1060,8 @@
              type="text"
              class="input-bottom-border"
              style="width: 60px"
            />.Chinese friends helped her a lot in understanding Chinese culture
            and c<input
              />.Chinese friends helped her a lot in understanding Chinese
              culture and c<input
              v-model="testData.in.three"
              type="text"
              class="input-bottom-border"
@@ -850,8 +1072,8 @@
              class="input-bottom-border"
              style="width: 60px"
            />China properly if he/she does not try its delicious variety of
            food.China has thousands of years of rich and beautiful culture.Each
            city has its u<input
              food.China has thousands of years of rich and beautiful
              culture.Each city has its u<input
              v-model="testData.in.five"
              type="text"
              class="input-bottom-border"
@@ -898,8 +1120,8 @@
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            ç­”案:Many foreigners are curious about the amazing Chinese martial
            arts.
              ç­”案:Many foreigners are curious about the amazing Chinese
              martial arts.
          </p>
          <p>
            3.along the way<input
@@ -914,8 +1136,8 @@
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            ç­”案:I suggest that you go to Tibet by train so that you can enjoy
            the natural scenery along the way.
              ç­”案:I suggest that you go to Tibet by train so that you can
              enjoy the natural scenery along the way.
          </p>
          <p>
            4.come across<input
@@ -955,8 +1177,10 @@
        <span class="contet-num-box">6</span>
      </div>
    </div>
    </div>
    <!-- 7 -->
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class=""></li>
        <li class="fz-18">
@@ -1006,8 +1230,8 @@
            ç­”案:嫘祖发明了中国缫丝技术,这极大地促进了中国古代文明的发展。
          </p>
          <p>
            3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese tea
            culture in depth.
              3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese
              tea culture in depth.
          </p>
          <p>
            <input
@@ -1043,9 +1267,24 @@
          </p>
          <p>
            <b>Ⅲ.Grammar focus:The conditional sentence—if-clause.</b>
            <button class="parimary-btn" @click="showAnswer('showImg')">
              å›¾ç‰‡
            </button>
              <span class="btn-box" @click="showAnswer('showImg')">
                <svg
                  t="1717037443722"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="30864"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="20"
                  height="20"
                >
                  <path
                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                    p-id="30865"
                  ></path>
                </svg>
              </span>
          </p>
          <el-image
            v-if="showImg"
@@ -1130,8 +1369,8 @@
            warriors.
          </p>
          <p>
            5.Ask foreigners about their favorite Chinese food.Kung Pao Chicken
            would possibly be in top three.
              5.Ask foreigners about their favorite Chinese food.Kung Pao
              Chicken would possibly be in top three.
          </p>
          <p>
            <b>If</b
@@ -1146,8 +1385,8 @@
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            ç­”案: If you ask foreigners about their favorite Chinese food, Kung
            Pao Chicken would possible be in top three
              ç­”案: If you ask foreigners about their favorite Chinese food,
              Kung Pao Chicken would possible be in top three
          </p>
          <p>
            B.Complete the following sentences using <i>if</i> or
@@ -1191,8 +1430,8 @@
              type="text"
              class="input-bottom-border"
              style="width: 60px"
            />I go to Sichuan,I will visit Chengdu Research Base of Giant Panda
            Breeding.
              />I go to Sichuan,I will visit Chengdu Research Base of Giant
              Panda Breeding.
          </p>
          <p
            class="event-header-text-bc pd-5"
@@ -1203,16 +1442,24 @@
            &nbsp; 5.if
          </p>
          <div class="w100 fl ju-cn">
            <ul class="fl ju-ev" style="width: 50%">
              <li><button class="btn-border btn-w">提交</button></li>
              <ul class="fl ju-ev" style="width: 80%">
                <li>
                  <button class="btn-border btn-w" @click="saveData">
                    æäº¤
                  </button>
                </li>
              <li>
                <button @click="setTestData" class="btn-border btn-w">
                  ä¿å­˜
                </button>
              </li>
              <li>
                  <button @click="changeTestData" class="btn-border btn-w">
                    é‡åš
                  </button>
                </li>
                <li>
                <button
                style="min-height:24px"
                  @click="showQuestionAnswer = !showQuestionAnswer"
                  class="parimary-btn"
                >
@@ -1227,8 +1474,10 @@
        <span class="contet-num-box">7</span>
      </div>
    </div>
    </div>
    <!-- 8 -->
    <div class="page-box" page="14">
      <div v-if="showPageList.indexOf(14) > -1">
      <div class="w100 mb-20" style="padding-right: 20px">
        <div
          class="event-header-bc fl al-end"
@@ -1245,16 +1494,19 @@
          <h3 id="c004"><span class="bjh3">Mini-project</span></h3>
          <p>
            China is a great country with a fascinating culture.Its ancient
            civilization,rich history,and unique customs make it one of the most
            interesting countries in the world.There are so many interesting
            facts about Chinese culture.Work in groups and interview your group
            members about their knowledge of Chinese culture,and then:
              civilization,rich history,and unique customs make it one of the
              most interesting countries in the world.There are so many
              interesting facts about Chinese culture.Work in groups and
              interview your group members about their knowledge of Chinese
              culture,and then:
          </p>
          <p>1.Find out interesting facts they know about Chinese culture;</p>
          <p>2.Finish the worksheet and report to the class.</p>
          <div class="fieldset">
            <p>Questions:1.Who are you going to interview?</p>
            <p>    2.What is he/she interested in about Chinese culture?</p>
              <p>
                ã€€ã€€ã€€ã€€2.What is he/she interested in about Chinese culture?
              </p>
            <p>    3.What does he/she know about it?</p>
          </div>
          <p class="left">
@@ -1291,14 +1543,14 @@
              <td>
                <textarea
                  v-model="questionData.table.one"
                  class="w100 table-tr-bc b0 table-textarea"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                  @change="setBookQuestion"
                ></textarea>
              </td>
              <td>
                <textarea
                  v-model="questionData.table.two"
                  class="w100 table-tr-bc b0 table-textarea"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                  @change="setBookQuestion"
                ></textarea>
              </td>
@@ -1314,14 +1566,14 @@
              <td>
                <textarea
                  v-model="questionData.table.four"
                  class="w100 table-tr-bc b0 table-textarea"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                  @change="setBookQuestion"
                ></textarea>
              </td>
              <td>
                <textarea
                  v-model="questionData.table.five"
                  class="w100 table-tr-bc b0 table-textarea"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                  @change="setBookQuestion"
                ></textarea>
              </td>
@@ -1337,14 +1589,14 @@
              <td>
                <textarea
                  v-model="questionData.table.seven"
                  class="w100 table-tr-bc b0 table-textarea"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                  @change="setBookQuestion"
                ></textarea>
              </td>
              <td>
                <textarea
                  v-model="questionData.table.enight"
                  class="w100 table-tr-bc b0 table-textarea"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                  @change="setBookQuestion"
                ></textarea>
              </td>
@@ -1419,26 +1671,151 @@
            </p>
          </div>
          <div class="resource-primary-border" style="padding: 8px">
            <el-carousel
              :autoplay="false"
              trigger="click"
              class="bones-carousel carousel-image"
              arrow="always"
              indicator-position="none"
            >
              <el-carousel-item
                v-for="(item, index) in pptList"
                :key="index"
                class="bones-carousel-item"
              >
                <el-image
                  :src="item"
                  :preview-src-list="pptList"
                  :preview-teleported="true"
                  class="open-image"
                />
              </el-carousel-item>
            </el-carousel>
              <div class="banshi openImgBox">
                <div class="swiper-container swiper_ppt">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
                <!-- æ˜¾ç¤ºå½“前页和总页数的元素 -->
                <div class="pageBox">{{ pageNum }} / {{ total }}</div>
              </div>
          </div>
        </div>
      </div>
@@ -1446,8 +1823,10 @@
        <span class="contet-num-box">8</span>
      </div>
    </div>
    </div>
    <!-- 9 -->
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class=""></li>
        <li class="fz-18">
@@ -1460,26 +1839,31 @@
      <div class="padding-93">
        <div class="bodystyle">
          <h2 id="b002">
            <img class="img-0" alt="" src="image/dy1-le2.jpg" />
              <img class="img-0" alt="" src="../../assets/images/dy1-le2.jpg" />
          </h2>
          <h3 id="c005"><span class="bjh3">Warm-up</span></h3>
          <p>
            <b
              >Put the expressions in the box below on the corresponding answer
              line under each picture.</b
                >Put the expressions in the box below on the corresponding
                answer line under each picture.</b
            >
          </p>
          <div class="bk-wh">
            <p>
              online shopping facial recognition electronic payment intercity
              train shared bike take-away service
                online shopping facial recognition electronic
                payment intercity train shared bike take-away service
            </p>
          </div>
            <div class="openImgBox">
          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
                <p class="center">
                  <el-image :src="imgSeven" :preview-src-list="[imgSeven]" />
                      <img
                        src="../../assets/images/0019-1.jpg"
                        alt=""
                        class="w100"
                      />
                </p>
                <p class="center">
                  1.
@@ -1493,19 +1877,41 @@
                    </option>
                  </select>
                  <span class="icon-box">
                    <svg v-if="dropdownData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="dropdownData.one.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="dropdownData.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="dropdownData.one.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -1521,9 +1927,9 @@
            <div class="right" style="width: 48%">
              <div>
                <p class="center">
                  <el-image
                    :src="imgEnight"
                    :preview-src-list="[imgEnight]"
                      <img
                        src="../../assets/images/0019-2.jpg"
                        alt=""
                    style="width: 98%"
                  />
                </p>
@@ -1539,19 +1945,41 @@
                    </option>
                  </select>
                  <span class="icon-box">
                    <svg v-if="dropdownData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="dropdownData.two.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="dropdownData.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="dropdownData.two.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -1570,7 +1998,11 @@
            <div class="left" style="width: 48%">
              <div>
                <p class="center">
                  <el-image :src="imgNine" :preview-src-list="[imgNine]" />
                      <img
                        src="../../assets/images/0019-3.jpg"
                        alt=""
                        style="width: 98%"
                      />
                </p>
                <p class="center">
                  3.
@@ -1584,19 +2016,41 @@
                    </option>
                  </select>
                  <span class="icon-box">
                    <svg v-if="dropdownData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="dropdownData.three.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="dropdownData.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="dropdownData.three.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -1612,9 +2066,9 @@
            <div class="right" style="width: 48%">
              <div>
                <p class="center">
                  <el-image
                    :src="imgTen"
                    :preview-src-list="[imgTen]"
                      <img
                        src="../../assets/images/0019-4.jpg"
                        alt=""
                    style="width: 94%"
                  />
                </p>
@@ -1630,19 +2084,41 @@
                    </option>
                  </select>
                  <span class="icon-box">
                    <svg v-if="dropdownData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="dropdownData.four.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="dropdownData.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="dropdownData.four.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -1661,7 +2137,11 @@
            <div class="left" style="width: 48%">
              <div>
                <p class="center">
                  <el-image :src="imgEleven" :preview-src-list="[imgEleven]" />
                      <img
                        src="../../assets/images/0019-5.jpg"
                        alt=""
                        class="w100"
                      />
                </p>
                <p class="center">
                  5.
@@ -1675,19 +2155,41 @@
                    </option>
                  </select>
                  <span class="icon-box">
                    <svg v-if="dropdownData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="dropdownData.five.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="dropdownData.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="dropdownData.five.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -1703,9 +2205,9 @@
            <div class="right" style="width: 48%">
              <div>
                <p class="center">
                  <el-image
                    :src="imgTwelve"
                    :preview-src-list="[imgTwelve]"
                      <img
                        src="../../assets/images/0019-6.jpg"
                        alt=""
                    style="width: 98%"
                  />
                </p>
@@ -1721,19 +2223,41 @@
                    </option>
                  </select>
                  <span class="icon-box">
                    <svg v-if="dropdownData.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                        <svg
                          v-if="dropdownData.six.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                    </svg>
                    <svg v-if="dropdownData.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                        <svg
                          v-if="dropdownData.six.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                    </svg>
                  </span>
                </p>
@@ -1747,16 +2271,22 @@
              </p>
            </div>
          </div>
            </div>
          <div class="w100 fl ju-cn">
            <div class="fl ju-ev" style="width: 60%">
              <div class="fl ju-ev mt-40" style="width: 80%">
              <button @click="setDropdownData" class="btn-border btn-w">
                ä¿å­˜
              </button>
              <button class="btn-border btn-w" @click="handleDropdown('judge')">
                <button
                  class="btn-border btn-w"
                  @click="handleDropdown('judge')"
                >
                æäº¤
              </button>
                <button class="btn-border btn-w" @click="changeDropdown">
                  é‡åš
                </button>
              <button
              style="min-height:24px"
                @click="showAnswerFive = !showAnswerFive"
                class="parimary-btn"
              >
@@ -1771,27 +2301,38 @@
      </div>
    </div>
  </div>
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
export default {
  name: "chapter-one",
  props: {
    showPageList: {
      type: Array,
    },
    pageNum:{
      type:String
    },
    total:{
      type:String
    }
  },
  // watch: {
  //   showPageList: {
  //     handler(newVal, oldVal) {
  //       if (newVal.indexOf(14) > -1) {
  //         console.log("页码", newVal, oldVal);
  //         this.setSwiper();
  //       }
  //     },
  //   },
  // },
  data() {
    return {
      imgOne: require("../../assets/images/0012-1.jpg"),
      imgTwo: require("../../assets/images/0012-2.jpg"),
      imgThree: require("../../assets/images/0012-3.jpg"),
      imgFour: require("../../assets/images/0012-4.jpg"),
      imgFive: require("../../assets/images/0012-5.jpg"),
      imgSix: require("../../assets/images/0012-6.jpg"),
      imgSeven: require("../../assets/images/0019-1.jpg"),
      imgEnight: require("../../assets/images/0019-2.jpg"),
      imgNine: require("../../assets/images/0019-3.jpg"),
      imgTen: require("../../assets/images/0019-4.jpg"),
      imgEleven: require("../../assets/images/0019-5.jpg"),
      imgTwelve: require("../../assets/images/0019-6.jpg"),
      imgThirteen: require("../../assets/images/grammar.jpg"),
      showAnswerOne: false,
      showAnswerTwo: false,
@@ -1800,6 +2341,8 @@
      showAnswerFive: false,
      showImg: false,
      showQuestionAnswer: false,
      // pageNum: "1",
      // total: "27",
      questionData: {
        warnUp: {
          one: {
@@ -1851,6 +2394,7 @@
        },
      },
      testData: {
        check: [],
        tx: {
          one: "",
          two: "",
@@ -1938,35 +2482,6 @@
          answer: "facial recognition",
        },
      },
      pptList: [
        require("../../assets/images/ppt/ppt_01.png"),
        require("../../assets/images/ppt/ppt_02.png"),
        require("../../assets/images/ppt/ppt_03.png"),
        require("../../assets/images/ppt/ppt_04.png"),
        require("../../assets/images/ppt/ppt_05.png"),
        require("../../assets/images/ppt/ppt_06.png"),
        require("../../assets/images/ppt/ppt_07.png"),
        require("../../assets/images/ppt/ppt_08.png"),
        require("../../assets/images/ppt/ppt_09.png"),
        require("../../assets/images/ppt/ppt_10.png"),
        require("../../assets/images/ppt/ppt_11.png"),
        require("../../assets/images/ppt/ppt_12.png"),
        require("../../assets/images/ppt/ppt_13.png"),
        require("../../assets/images/ppt/ppt_14.png"),
        require("../../assets/images/ppt/ppt_15.png"),
        require("../../assets/images/ppt/ppt_16.png"),
        require("../../assets/images/ppt/ppt_17.png"),
        require("../../assets/images/ppt/ppt_18.png"),
        require("../../assets/images/ppt/ppt_19.png"),
        require("../../assets/images/ppt/ppt_20.png"),
        require("../../assets/images/ppt/ppt_21.png"),
        require("../../assets/images/ppt/ppt_22.png"),
        require("../../assets/images/ppt/ppt_23.png"),
        require("../../assets/images/ppt/ppt_24.png"),
        require("../../assets/images/ppt/ppt_25.png"),
        require("../../assets/images/ppt/ppt_26.png"),
        require("../../assets/images/ppt/ppt_27.png"),
      ],
    };
  },
  mounted() {
@@ -1990,6 +2505,53 @@
    },
    setTestData() {
      localStorage.setItem("english-testOne", JSON.stringify(this.testData));
    },
    changeTestData() {
      localStorage.removeItem("english-testOne");
      this.testData = {
        check: [],
        tx: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        in: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        line: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        ts: {
          one: "",
          two: "",
          three: "",
          four: "",
        },
        gr: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        cm: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
      };
    },
    setBookQuestion() {
      localStorage.setItem(
@@ -2058,11 +2620,64 @@
      }
      this.dropdownData = dropdownDatas;
    },
    changeDropdown() {
      localStorage.removeItem("english-dropdown-one");
      for (let key in this.dropdownData) {
        const item = this.dropdownData[key];
        item.value = "";
        item.isRight = null;
      }
    },
    setDropdownData() {
      localStorage.setItem(
        "english-dropdown-one",
        JSON.stringify(this.dropdownData)
      );
    },
    saveData() {
      console.log(this.testData);
    },
    setSwiper() {
      const that = this;
      const dom = document.querySelector(".swiper_ppt");
      console.log("dom", dom);
      new Swiper(dom, {
        loop: false, // æ— ç¼
        autoplay: false,
        paginationClickable: true,
        slidesPerView: 1, // ä¸€ç»„三个
        spaceBetween: 30, // é—´éš”
        // å¦‚果需要前进后退按钮
        navigation: {
          nextEl: (this.container ? this.container : document).querySelector(
            ".swiper-button-next"
          ),
          prevEl: (this.container ? this.container : document).querySelector(
            ".swiper-button-prev"
          ),
        },
        // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
        observer: true,
        observeParents: true,
        on: {
          slideChange: function (value) {
            console.log("ppt页码", value);
            let currentPage = value.activeIndex + 1; // èŽ·å–å½“å‰é¡µï¼ˆä»Ž1开始计数)
            let totalPages = value.slides.length; // èŽ·å–æ€»é¡µæ•°
            // this.changePage(currentPage)
            that.pageNum = currentPage;
            this.total = totalPages;
            console.log(this.pageNum, this.total);
          },
          // slideChangeTran sitionStart:function (value) {
          //   // æ¯å½“滑块改变时触发,更新当前页和总页数的显示
          //   let currentPage = value.activeIndex + 1; // èŽ·å–å½“å‰é¡µï¼ˆä»Ž1开始计数)
          //   let totalPages = value.slides.length; // èŽ·å–æ€»é¡µæ•°
          //   var paginationInfoEl = document.querySelector('.pagination-info');
          //   paginationInfoEl.textContent = currentPage + '/' + totalPages;
          // }
        },
      });
    },
  },
};
@@ -2100,11 +2715,28 @@
  font-size: 14px;
  border-width: 1px;
  min-width: 80px;
  min-height: 24px;
  height: 30px;
  background-color: #fff;
  &:hover {
    background-color: #0bab87;
    color: #fff;
  }
}
.banshi {
  position: relative;
  margin-top: 40px;
  width: 100%;
  height: 350px;
  margin: 0 auto;
}
.pageBox {
  z-index: 9999999999;
  color: #999;
  position: absolute;
  left: 48%;
  bottom: 0px;
}
select {
  height: 24px;
}
</style>
src/books/English/view/components/header.vue
@@ -1,20 +1,24 @@
<template>
  <div class="chapter" num="0">
  <div class="chapter" num="1">
    <!--  -->
    <div class="page-box" page="1">
      <div v-if="showPageList.indexOf(1) > -1">
      <p class="center">
        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
      </p>
    </div>
    </div>
    <!-- 1 -->
    <div class="page-box" page="2">
      <div v-if="showPageList.indexOf(2) > -1">
      <p class="center">
        <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
      </p>
    </div>
    </div>
    <!-- 2 -->
    <div class="page-box text-center" style="padding: 136px 0" page="3">
      <div class="box">
      <div class="box" v-if="showPageList.indexOf(3) > -1">
        <hr class="line" />
        <p class="tl fz-14"><b>图书在版编目(CIP)数据</b></p>
        <p class="tl fz-14 m0">
@@ -72,6 +76,7 @@
    </div>
    <!-- 3 -->
    <div class="page-box " page="4">
      <div v-if="showPageList.indexOf(4) > -1">
      <div class="pd-20 ">
        <div class="preface w100 fl al-end ju-cn">
          <h1 id="a003" class="front preface-text">前言</h1>
@@ -98,8 +103,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 4 -->
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
      <div class="mb-20" style="padding-right: 20px;">
        <div class="primary-bc fl al-end" style="height: 100px;padding-left: 40px;">
          <div class="preface-header-box y-bc">
@@ -142,8 +149,10 @@
        <span class="num-box">2</span>
      </div>
    </div>
    </div>
    <!-- 5 -->
    <div class="page-box" page="6">
      <div v-if="showPageList.indexOf(6) > -1">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class="left primary-bc "></li>
        <li>
@@ -178,11 +187,17 @@
      </div>
    </div>
  </div>
  </div>
</template>
<script>
export default {
  name: "page-header",
  props:{
    showPageList:{
      type:Array
    }
  }
};
</script>
src/books/English/view/components/index.vue
@@ -1,28 +1,62 @@
<template>
  <div class="page-main" @scroll="throttledScrollHandler">
    <div class="page-content">
      <pageHeader ></pageHeader>
      <chapterOne @saveCharacters="saveCharacters"></chapterOne>
    <div
      class="page-content"
      :style="{
        fontSize: fontSize ? fontSize + 'px' : '16px',
        transform: `scale(${pageZoom ? pageZoom : 1})`,
        transformOrigin: 'center top',
      }"
    >
      <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader>
      <chapterOne
        @saveCharacters="saveCharacters"
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :pageNum="pageNum"
        :total="total"
      ></chapterOne>
    </div>
  </div>
</template>
<script>
import pageHeader from './header.vue'
import chapterOne from './chapter001.vue'
import pageHeader from "./header.vue";
import chapterOne from "./chapter001.vue";
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  name: "pageContent",
  components:{pageHeader,chapterOne},
  data() {
    return {
      catalogLength: 2, // æ€»ç« èŠ‚æ•°
      catalogLength: 13, // æ€»ç« èŠ‚æ•°
      showCatalogList: [], // æ˜¾ç¤ºçš„章节
      loadThreshold: 300, // è§¦å‘加载阈值
      throttleThreshold: 100, // èŠ‚æµé˜ˆå€¼
      previousScrollTop: 0,
      throttledScrollHandler: null,
      observer: null,
      loadPageObserver: null,
      loadPageList: [],
      questionData: {},
      renderSignMap: {},
      pageNum: "1",
      total: "27",
    };
  },
  computed: {
    fontSize() {
      return this.$store.state.qiankun.fontSize;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale / 100;
    },
  },
  watch: {
    showCatalogList: {
@@ -39,13 +73,22 @@
        // å¯åŠ¨é¡µç è§‚å¯Ÿ
        setTimeout(() => {
          this.initObservation();
          this.initThemeColor();
        }, 500);
      },
    },
    loadPageList: {
      handler(newVal, oldVal) {
        setTimeout(() => {
          this.initSwiper();
          this.initViewer();
        }, 200);
      },
    },
  },
  mounted() {
    // é»˜è®¤åŠ è½½ç« èŠ‚
    this.showCatalogList = [0, 1];
    this.showCatalogList = [1];
    // æ»šåŠ¨ç›‘å¬èŠ‚æµ
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,
@@ -61,7 +104,9 @@
        },
        // æ¸²æŸ“笔记、高亮、划线
        renderSign: (type, data) => {
          this.renderSign(type, data);
          // å› ä¸ºè°ƒæ•´ä¸ºé¡µé¢æ‡’加载,所以渲染标记也需要按照页面进行处理,先储存数据,页面加载完成再渲染对应的标记;
          this.handelSignData(type, data);
          // this.renderSign(type, data);
        },
        // åˆ é™¤ç¬”记、高亮、划线
        delSign: (data) => {
@@ -78,19 +123,26 @@
      threshold: 0.5, // æŒ‡å®šäº¤å‰æ¯”例,这里设为 0.5,表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });
    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
      root: null, // æŒ‡å®šæ ¹å…ƒç´ ï¼Œè¿™é‡Œè®¾ä¸º null,表示选取整个视窗作为根元素。
      rootMargin: "0px", // æŒ‡å®šæ ¹å…ƒç´ çš„边界,这里设为 "0px",表示根元素的边界和视窗的边界重合
      threshold: 0, // æŒ‡å®šäº¤å‰æ¯”例,这里设为 0.5,表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });
    // å¯åŠ¨é¡µç è§‚å¯Ÿ
    setTimeout(() => {
      this.initObservation();
      this.initThemeColor();
    }, 500);
    // æµ‹è¯•页面跳转
    // setTimeout(() => {
    //   this.gotoPage(5, 100);
    //   this.gotoPage(1, 10);
    //   setTimeout(() => {
    //     this.renderSign("Note", {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
    //       txt: "营养素和热量,才能",
    //       page: "100",
    //       txt: "题一学习主题一 è¿åЍ",
    //       page: "10",
    //       type: "Highlight",
    //       color: "#F5E12A"
    //     });
@@ -99,8 +151,8 @@
    //         ids: ["2ACA9359"]
    //       });
    //     }, 2000);
    //   }, 5000);
    //   }, 1000);
    // }, 3000);
  },
  methods: {
    // æ»šåŠ¨ç›‘å¬
@@ -178,6 +230,21 @@
        console.log("章节错误!");
      }
    },
    // å¤„理标记数据
    handelSignData(type, data) {
      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
        // ç«‹å³æ¸²æŸ“
        this.renderSign(type, data);
      }
      // å‚¨å­˜æ•°æ®
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
        this.renderSignMap[type][data.page] = [];
      this.renderSignMap[type][data.page].push(data);
    },
    // æ¸²æŸ“标记
    renderSign(type, data) {
      const existence = (
@@ -188,29 +255,48 @@
        const pageDom = (
          this.container ? this.container : document
        ).querySelector(`[page="${data.page}"]`);
        // åˆ›å»º createTreeWalker è¿­ä»£å™¨ï¼Œç”¨äºŽéåŽ†æ–‡æœ¬èŠ‚ç‚¹ï¼Œä¿å­˜åˆ°ä¸€ä¸ªæ•°ç»„
        const treeWalker = document.createTreeWalker(
          pageDom,
          NodeFilter.SHOW_TEXT
        );
        const allTextNodes = [];
        let currentNode = treeWalker.nextNode();
        while (currentNode) {
          allTextNodes.push(currentNode);
          currentNode = treeWalker.nextNode();
        }
        for (let i = 0; i < allTextNodes.length; i++) {
          const textDom = allTextNodes[i];
          if (textDom.textContent.indexOf(data.txt) > -1) {
        let reg = new RegExp(`${data.txt}`, "ig");
        switch (type) {
          case "Highlight":
            // é«˜äº®
            pageDom.innerHTML = pageDom.innerHTML.replace(
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
              reg,
              `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
            );
            break;
          case "Dashing":
            // åˆ’线
            pageDom.innerHTML = pageDom.innerHTML.replace(
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
              reg,
              `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
            );
            break;
          case "Note":
            // ç¬”è®°
            pageDom.innerHTML = pageDom.innerHTML.replace(
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
              reg,
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
                    `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
            );
            break;
            }
          }
        }
      }
    },
@@ -245,14 +331,116 @@
      const sections = (
        this.container ? this.container : document
      ).querySelectorAll(".page-box");
      //observer è§‚察每个元素,以便在它们进入或离开视窗时触发回调函数。
      sections.forEach((section) => {
        if (this.config.activeBook && this.config.activeBook.tryPageCount) {
          const page = section.getAttribute("page");
          if (Number(page) > this.config.activeBook.tryPageCount) {
            let chapterDom = this.getParentWithClass(section, "chapter");
            const chapterNum = chapterDom.getAttribute("num");
            this.catalogLength = Number(chapterNum) - 1;
            section.remove();
            return false;
          }
        }
        // observer è§‚察每个元素,以便在它们进入或离开视窗时触发回调函数。
        const isObserver = section.getAttribute("observer");
        const isLoadObserver = section.getAttribute("loadObserver");
        if (!isObserver) {
          this.observer.observe(section);
          section.setAttribute("observer", "1");
        }
        if (!isLoadObserver) {
          this.loadPageObserver.observe(section);
          section.setAttribute("loadObserver", "1");
        }
      });
    },
    initThemeColor() {
      // èŽ·å–å„ç§éœ€è¦ä¸»é¢˜è‰²çš„èŠ‚ç‚¹
      const colorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-color");
      const backgroundColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-back");
      const borderColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-border");
      // èŽ·å–é…ç½®çš„ä¸»é¢˜è‰²
      const bookThemeColor =
        this.config.activeBook && this.config.activeBook.bookThemeColor
          ? this.config.activeBook.bookThemeColor
          : null;
      const chapterThemeColor =
        this.config.activeBook && this.config.activeBook.chapterThemeColor
          ? this.config.activeBook.chapterThemeColor
          : null;
      const pageThemeColor =
        this.config.activeBook && this.config.activeBook.pageThemeColor
          ? this.config.activeBook.pageThemeColor
          : null;
      colorDom.forEach((domItem) => {
        // èŽ·å–ç« èŠ‚ã€é¡µç 
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // å‘上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.color = themeColor;
        }
      });
      backgroundColorDom.forEach((domItem) => {
        // èŽ·å–ç« èŠ‚ã€é¡µç 
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // å‘上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.backgroundColor = themeColor;
        }
      });
      borderColorDom.forEach((domItem) => {
        // èŽ·å–ç« èŠ‚ã€é¡µç 
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // å‘上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.borderColor = themeColor;
        }
      });
    },
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },
    pageChangeCallback(entries, observer) {
      //entries:代表观察到的目标元素的集合。 observer:代表观察者对象。
@@ -267,12 +455,16 @@
            "chapter"
          );
          const catalog = catalogDom.getAttribute("num");
          console.log("page", page, catalog);
          let text = null;
          if (target.querySelector("p")) {
            text = target.querySelector("p").textContent.substring(0, 20);
          }
          // è¿”回页码和章节信息
          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              text,
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections:获取所有具有 .section ç±»åçš„元素,并转换为数组。
@@ -281,18 +473,170 @@
        }
      });
    },
    loadPageCallback(entries, observer) {
      entries.forEach(async (entry) => {
        if (entry.isIntersecting) {
          const target = entry.target;
          const page = target.getAttribute("page");
          if (this.loadPageList.indexOf(Number(page)) == -1) {
            const catalogDom = this.tool.getParentNodeByClassName(
              target,
              "chapter"
            );
            const catalog = catalogDom.getAttribute("num");
            // if (!this.questionData[page]) {
            //   if (testData && testData[catalog]) {
            //     if (testData[catalog][page]) {
            //       if (Array.isArray(testData[catalog][page])) {
            //         this.questionData[page] = await getQuestionList(
            //           page,
            //           testData[catalog][page],
            //           this.config.activeBook
            //         );
            //       } else {
            //         const obj = {};
            //         for (let key in testData[catalog][page]) {
            //           obj[key] = await getQuestionList(
            //             [],
            //             testData[catalog][page][key],
            //             this.config.activeBook
            //           );
            //         }
            //         this.questionData[page] = obj;
            //       }
            //       console.log("题目", this.questionData);
            //     }
            //   }
            // }
            // æ·»åŠ é¡µç 
            this.loadPageList.push(Number(page));
            // æ¸²æŸ“这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
                this.renderSignMap[key][page].forEach((item) => {
                  this.renderSign(key, item);
                });
              }
            }
            if (this.loadPageList.length > 5) {
              // è¶…过5页
              this.loadPageList.shift();
            }
          }
        }
      });
    },
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
          loop: false, // æ— ç¼
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // ä¸€ç»„三个
          spaceBetween: 30, // é—´éš”
          // å¦‚果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            ),
          },
          // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          // // å¦‚果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // åˆ†é¡µå™¨å¯ä»¥ç‚¹å‡»
          // }
        });
      }
      const that = this
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper_ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        const dom = pptDoms[i];
        new Swiper(dom, {
        loop: false, // æ— ç¼
        autoplay: false,
        paginationClickable: true,
        slidesPerView: 1, // ä¸€ç»„三个
        spaceBetween: 30, // é—´éš”
        // å¦‚果需要前进后退按钮
        navigation: {
          nextEl: (this.container ? this.container : document).querySelector(
            ".swiper-button-next"
          ),
          prevEl: (this.container ? this.container : document).querySelector(
            ".swiper-button-prev"
          ),
        },
        // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
        observer: true,
        observeParents: true,
        on: {
          slideChange: function (value) {
            let currentPage = value.activeIndex + 1; // èŽ·å–å½“å‰é¡µï¼ˆä»Ž1开始计数)
            let totalPages = value.slides.length; // èŽ·å–æ€»é¡µæ•°
            that.pageNum = currentPage.toString();
          },
          // slideChangeTran sitionStart:function (value) {
          //   // æ¯å½“滑块改变时触发,更新当前页和总页数的显示
          //   let currentPage = value.activeIndex + 1; // èŽ·å–å½“å‰é¡µï¼ˆä»Ž1开始计数)
          //   let totalPages = value.slides.length; // èŽ·å–æ€»é¡µæ•°
          //   var paginationInfoEl = document.querySelector('.pagination-info');
          //   paginationInfoEl.textContent = currentPage + '/' + totalPages;
          // }
        },
      });
      }
    },
    initViewer() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".openImgBox");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Viewer(dom, {
          container: this.container
            ? this.container.querySelector("#app")
            : "body",
          navbar: true, // æ˜¾ç¤ºå¯¼èˆªæ 
          toolbar: true, // æ˜¾ç¤ºå·¥å…·æ 
          title: true, // æ˜¾ç¤ºæ ‡é¢˜
        });
      }
    },
    // ç‚¹å‡»äº‹ä»¶ï¼šå°†ç”Ÿåƒ»å•词传给 ä¸»åº”用 ä»Žè€Œè°ƒç”¨è¯å…¸åŠŸèƒ½
    saveCharacters(event,word) {
      console.log('生僻字',event,word);
      console.log("生僻字", event, word);
      if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
          this.$store.state.qiankun.chooseWords({
          type:"word",
            word,
            x: event.pageX,
            y: event.pageY
          y: event.pageY,
          });
        }
      // chooseWords
    }
    },
  },
  components: {
    pageHeader,
    chapterOne,
  },
};
</script>
src/books/childHealth/view/content/components/chapter0004.vue
@@ -45,8 +45,8 @@
          />
          ä¸“题导学
        </h6>
        <p class="blockh6 m0-t0">
          <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
        <p class="blockh6 m0-t0 openImgBox">
          <img src="../../../assets/images/chapterFour/0094-1.jpg" alt="" class="w100 mt-20">
        </p>
      </div>
    </div>
@@ -849,7 +849,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题四 å­¦ä¹ ä¸»é¢˜ä¸€</span>
            <examinations :cardList="questionData[99]" :chapter="4" :page="91" />
            <examinations v-if="questionData && questionData[99]" :cardList="questionData[99]" :chapter="4" :page="91" />
          </p>
          <h2 class="module_block" id="b017">
            <div class="custom1">学习主题二</div>
@@ -1351,7 +1351,7 @@
          </h6>
          <p class="blockh6-c center">
            <span class="img center dl-bl w100">专题四 å­¦ä¹ ä¸»é¢˜äºŒ</span>
            <examinations :cardList="questionData[105]" :chapter="4" :page="97" />
            <examinations v-if="questionData && questionData[105]" :cardList="questionData[105]" :chapter="4" :page="97" />
          </p>
          <h6 class="Conclusion-title4">专题小结</h6>
          <p class="blockh6">
@@ -1427,10 +1427,10 @@
          <p class="blockh6-c">
            å­¦ä¹ å®Œæœ¬ä¸“题,你的学习效果如何呢?咱们一起来扫码测一测吧!<br />
            <span class="img">过关检测(资格考试模拟题)1</span><br />
            <examinations :cardList="questionData[106][1]" :chapter="4" :page="981" />
            <examinations v-if="questionData && questionData[106][1]" :cardList="questionData[106][1]" :chapter="4" :page="981" />
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测(资格考试模拟题)2</span>
            <examinations :cardList="questionData[106][2]" :chapter="4" :page="982" />
            <examinations v-if="questionData && questionData[106][2]" :cardList="questionData[106][2]" :chapter="4" :page="982" />
          </p>
          <p class="custom_tag">•应用与探讨•</p>
          <p>1.测量幼儿的身高、体重、头围和胸围。</p>
@@ -1469,7 +1469,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterFour/0094-1.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      pathOne: "",
src/books/childHealth/view/content/components/chapter001.vue
@@ -49,13 +49,7 @@
          ä¸“题导学
        </h6>
        <p class="blockh6 m0-t0">
          <!-- <el-image
            alt=""
            :src="introductionImg"
            :preview-src-list="[introductionImg]"
            class="mb-20 open-image"
          /> -->
          <span id="open-image" @click="openImage">
          <span class="openImgBox">
            <img
              src="../../../assets/images/chapterOne/0014-1.jpg"
              data-imgurl="/books/book/img/0014-1.56a5dd0f.jpg"
@@ -357,8 +351,9 @@
              </span>
            </span>
            <examinations
              v-if="testOne && questionData"
              ref="examinationOne"
              v-if="testOne && questionData && questionData[10]"
              :chapter="1"
              :page="10"
              :cardList="questionData[10]"
            />
          </div>
@@ -393,12 +388,8 @@
                è¿åŠ¨ç³»ç»Ÿæ˜¯ç”±éª¨ã€éª¨è¿žç»“å’Œéª¨éª¼è‚Œä¸‰éƒ¨åˆ†ç»„æˆçš„ã€‚å…¨èº«çš„éª¨é€šè¿‡éª¨è¿žç»“ç»„æˆäººä½“éª¨éª¼ï¼ˆè§å›¾1-1)。骨骼是人体的支架,具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下,肌肉收缩牵动所附着的骨绕着关节转动,使身体产生各种动作。所以,运动系统具有运动、支持和保护等功能,幼年时期的骨骼还具有造血功能。
              </p>
              <div class="text-img-box">
                <div style="margin-right: 50px">
                  <el-image
                    :src="bonesImg"
                    :preview-src-list="[bonesImg]"
                    class="open-image"
                  />
                <div style="margin-right: 50px" class="openImgBox">
                  <img src="../../../assets/images/chapterOne/0015-5.jpg" class="w100" alt="">
                  <span class="img">图1-1 äººä½“全身骨骼(前面观)</span>
                </div>
                <div>
@@ -455,9 +446,6 @@
          <p class="text-left text-height lh2">
            å­¦å‰å„¿ç«¥çš„骨盆和成人不同,还没长结实,在蹦跳时要注意安全。比如,幼儿从高处往硬地上跳,就可能导致组成骨盆的骨发生不易察觉的移位,使骨盆变形。若女童骨盆变形,将会直接影响成年后的正常生理功能,这一点应引起家长和教师的特别注意。
          </p>
          <p class="text-left text-height lh2">
            å­¦å‰å„¿ç«¥çš„骨盆和成人不同,还没长结实,在蹦跳时要注意安全。比如,幼儿从高处往硬地上跳,就可能导致组成骨盆的骨发生不易察觉的移位,使骨盆变形。若女童骨盆变形,将会直接影响成年后的正常生理功能,这一点应引起家长和教师的特别注意。
          </p>
          <div class="fl">
            <div class="bottom-left" style="width: 65%">
              <h5 id="e005">5.脊柱的生理弯曲还未定型</h5>
@@ -470,8 +458,8 @@
            </div>
            <div class="bottom-right" style="width: 35%">
              <div class="mt-40">
                <div class="banshi openImgBox">
                  <div class="swiper-container">
                <div class="banshi openImgBox" style="height: 364px;">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
@@ -509,25 +497,6 @@
                  </div>
                </div>
              </div>
              <!-- <el-carousel
                trigger="click"
                class="bones-carousel carousel-image"
                arrow="always"
                indicator-position="none"
              >
                <el-carousel-item
                  v-for="(item, index) in bonesList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="bonesList"
                    :preview-teleported="true"
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel> -->
              <p class="img">图1-2 æˆäººè„ŠæŸ±æ¨¡å¼å›¾</p>
            </div>
          </div>
@@ -556,14 +525,10 @@
          <div class="fl">
            <div
              class="left fl fl-di fl-evenly"
              class="left fl fl-di fl-evenly openImgBox"
              style="width: 30%; margin-top: 5px"
            >
              <el-image
                :src="jointImg"
                :preview-src-list="[jointImg]"
                class="open-image"
              />
              <img src="../../../assets/images/chapterOne/0017-1.jpg" alt="" class="w100">
              <p class="img">图1-3 å…³èŠ‚æ¨¡å¼å›¾</p>
            </div>
            <div class="right" style="width: 70%; padding-left: 20px">
@@ -580,26 +545,34 @@
          </div>
          <div class="fl">
            <div class="left" style="width: 30%">
              <el-carousel
                loop
                trigger="click"
                class="bones-carousel carousel-image"
                arrow="always"
                indicator-position="none"
              <div class="banshi openImgBox">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
              >
                <el-carousel-item
                  v-for="(item, index) in footList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="footList"
                    :preview-teleported="true"
                    class="open-image"
                          <img
                            src="../../../assets/images/chapterOne/foot-01.png" alt="正常足"
                  />
                </el-carousel-item>
              </el-carousel>
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/foot-02.png" alt="扁平足"
                          />
                        </div>
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
                </div>
              <p class="img">图1-4 æ­£å¸¸è¶³å’Œæ‰å¹³è¶³</p>
            </div>
            <div class="right" style="width: 70%; padding-left: 20px">
@@ -635,28 +608,44 @@
              ä¸ºäº†ä¿è¯å­¦å‰å„¿ç«¥èº«å¿ƒå¥åº·å‘育。不良体态,如驼背、严重脊柱侧弯等,导致胸廓畸形,可严重影响学前儿童的心肺发育,容易患呼吸系统疾病。体态不良的儿童也容易自卑,影响健全人格的形成。为防止脊柱、胸廓等骨骼变形,形成良好体态,须注意以下几点:婴儿不宜过早坐、站,不宜睡软床和久坐沙
            </p>
            <div class="right fl fl-cn fl-di" style="width: 55%">
              <!-- <el-image :src="sitImg" :preview-src-list="[sitImg]" /> -->
              <el-carousel
                loop
                trigger="click"
                class="posure-carousel carousel-image"
                style="width: 300px"
                arrow="always"
                indicator-position="none"
              <div class="banshi openImgBox">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
              >
                <el-carousel-item
                  v-for="(item, index) in posureList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="posureList"
                    :preview-teleported="true"
                    class="open-image"
                          <img
                            src="../../../assets/images/chapterOne/posture-01.png"
                  />
                </el-carousel-item>
              </el-carousel>
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/posture-02.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/posture-03.png"
                          />
                        </div>
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
                </div>
              <p class="img">图1-5 åå§¿å¯¹è„ŠæŸ±çš„影响</p>
            </div>
          </div>
@@ -715,7 +704,7 @@
            <span class="img center dl-bl w100">专题一 å­¦ä¹ ä¸»é¢˜ä¸€</span>
            <examinations
              :cardList="questionData[14]"
              v-if="questionData"
              v-if="questionData && questionData[14]"
              :chapter="1"
              :page="6"
            />
@@ -985,12 +974,8 @@
              <h4 id="d009">(一)呼吸器官的特点</h4>
              <h5 id="e012">1.é¼»</h5>
            </div>
            <div class="right" style="width: 50%">
              <el-image
                :src="breathing"
                :preview-src-list="[breathing]"
                class="open-image"
              />
            <div class="right openImgBox" style="width: 50%">
              <img src="../../../assets/images/chapterOne/0020-2.jpg" alt="" class="w100">
              <p class="img">图1-6 å‘¼å¸ç³»ç»Ÿç¤ºæ„å›¾</p>
            </div>
          </div>
@@ -1060,12 +1045,8 @@
              </p>
            </div>
            <div class="right" style="width: 20%">
              <p class="center">
                <el-image
                  :src="throat"
                  :preview-src-list="[throat]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0021-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-7 å–‰è…”模式图</p>
            </div>
@@ -1088,12 +1069,8 @@
            å­¦å‰å„¿ç«¥æ–°é™ˆä»£è°¢æ—ºç››ï¼Œåœ¨æ–°é™ˆä»£è°¢è¿‡ç¨‹ä¸­ï¼Œæœºä½“需氧量相对比成人多,只有加快呼吸频率才能满足自身对氧气的需求量,所以,年龄越小,呼吸频率越快。新生儿每分钟呼吸40~44次,1岁以内约30次,1~3岁25~30次,4~7岁约22次。不同年龄的人的呼吸频率见表1-1。
          </p>
          <p class="img">表1-1 ä¸åŒå¹´é¾„的人的呼吸频率</p>
          <p class="center">
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0021-2.jpg" alt="" class="w100">
          </p>
        </div>
      </div>
@@ -1158,7 +1135,7 @@
            <span class="img center dl-bl w100">专题一 å­¦ä¹ ä¸»é¢˜äºŒ</span>
            <examinations
              :cardList="questionData[17]"
              v-if="questionData"
              v-if="questionData && questionData[17]"
              :chapter="1"
              :page="9"
            />
@@ -1442,13 +1419,8 @@
          <p>
            å¾ªçŽ¯ç³»ç»ŸåŒ…æ‹¬è¡€æ¶²å¾ªçŽ¯ç³»ç»Ÿï¼ˆå¿ƒè¡€ç®¡ç³»ç»Ÿï¼‰å’Œæ·‹å·´ç³»ç»Ÿã€‚è¡€æ¶²å¾ªçŽ¯ç³»ç»Ÿç”±å¿ƒè„å’Œè¡€ç®¡ç»„æˆï¼Œè¡€ç®¡åŒ…æ‹¬åŠ¨è„‰ã€é™è„‰å’Œæ¯›ç»†è¡€ç®¡ï¼ˆè§å›¾1-8)。淋巴系统由淋巴管道、淋巴器官和淋巴组织组成。
          </p>
          <p class="center">
            <el-image
              :src="blood"
              :preview-src-list="[blood]"
              style="width: 60%"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0024-1.jpg" alt="" style="width:80%">
          </p>
          <p class="img">图1-8 è¡€æ¶²å¾ªçŽ¯ç¤ºæ„å›¾</p>
@@ -1483,12 +1455,8 @@
          <p>学前儿童的血液量及成分和成人不同。具体来说,有以下几方面不同。</p>
          <p>(1)血液量占体重的比例大于成人(见表1-2)</p>
          <p class="img">表1-2 ä¸åŒå¹´é¾„的血液量</p>
          <p class="center">
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0024-3.jpg" alt="" class="w100" />
          </p>
        </div>
      </div>
@@ -1538,12 +1506,8 @@
            ç”±äºŽå©´å¹¼å„¿å¿ƒè¾“出量少,而新陈代谢旺盛,为满足机体对血液的需求量,只有加快心率来保障供血量。年龄越小,心率越快。不同年龄的心率,如表1-3所示。
          </p>
          <p class="img">表1-3 ä¸åŒå¹´é¾„的心率</p>
          <p class="center">
            <el-image
              :src="tableThree"
              :preview-src-list="[tableThree]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0025-1.jpg" alt="" class="w100" />
          </p>
        </div>
      </div>
@@ -1652,7 +1616,7 @@
            <span class="img center dl-bl w100">专题一 å­¦ä¹ ä¸»é¢˜ä¸‰</span>
            <examinations
              :cardList="questionData[22]"
              v-if="questionData"
              v-if="questionData  && questionData[22]"
              :chapter="1"
              :page="14"
            />
@@ -1904,12 +1868,8 @@
              <h5 id="e020">1.牙齿</h5>
            </div>
            <div class="right" style="width: 35%">
              <p class="center">
                <el-image
                  :src="digestion"
                  :preview-src-list="[digestion]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0028-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-9 æ¶ˆåŒ–系统模式图</p>
            </div>
@@ -1968,22 +1928,12 @@
          </p>
          <p>每一颗乳牙和恒牙的萌出都有固定的时间,见表1-4、表1-5。</p>
          <p class="img">表1-4 ä¹³ç‰™èŒå‡ºæ—¶é—´é¡ºåºï¼ˆä»¥æœˆé¾„计算)</p>
          <p class="center">
            <el-image
              :src="tableFive"
              :preview-src-list="[tableFive]"
              style="width: 100%"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0029-1.jpg" alt="" class="w100" />
          </p>
          <p class="img">表1-5 æ’牙萌出时间</p>
          <p class="center">
            <el-image
              :src="tableSix"
              :preview-src-list="[tableSix]"
              style="width: 100%"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0029-2.jpg" alt="" class="w100">
          </p>
          <h5 id="e021">2.舌</h5>
          <p>
@@ -2129,7 +2079,7 @@
            <span class="img center dl-bl w100">专题一 å­¦ä¹ ä¸»é¢˜å››</span>
            <examinations
              :cardList="questionData[27]"
              v-if="questionData"
              v-if="questionData  && questionData[27]"
              :chapter="1"
              :page="19"
            />
@@ -2377,12 +2327,8 @@
          </div>
          <div class="fl fl-around">
            <div class="left" style="width: 35%">
              <p class="center" style="margin-top: 0">
                <el-image
                  :src="urology"
                  :preview-src-list="[urology]"
                  class="open-image"
                />
              <p class="center openImgBox" style="margin-top: 0">
                <img src="../../../assets/images/chapterOne/0033-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-10 æ³Œå°¿ç³»ç»Ÿæ¨¡å¼å›¾ï¼ˆç”·æ€§ï¼‰</p>
            </div>
@@ -2694,22 +2640,14 @@
          </p>
          <div class="fl">
            <div class="left" style="width: 50%">
              <p class="center">
                <el-image
                  :src="man"
                  :preview-src-list="[man]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0036-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-11 ç”·æ€§ç”Ÿæ®–系统示意图</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  :src="woman"
                  :preview-src-list="[woman]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0036-2.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-12 å¥³æ€§ç”Ÿæ®–系统示意图</p>
            </div>
@@ -2765,7 +2703,7 @@
            >
            <examinations
              :cardList="questionData[32]"
              v-if="questionData"
              v-if="questionData  && questionData[32]"
              :chapter="1"
              :page="24"
            />
@@ -3027,12 +2965,8 @@
              </p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  :src="endocrineImg"
                  :preview-src-list="[endocrineImg]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0038-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-13 å†…分泌系统示意图</p>
            </div>
@@ -3054,12 +2988,8 @@
              </p>
            </div>
            <div class="right" style="width: 36%">
              <p class="center">
                <el-image
                  :src="stature"
                  :preview-src-list="[stature]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0038-2.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-14 æˆå¹´ä¾å„’症患者与正常成人的身高比较</p>
            </div>
@@ -3111,7 +3041,7 @@
            <span class="img center dl-bl w100">专题一 å­¦ä¹ ä¸»é¢˜ä¸ƒ</span>
            <examinations
              :cardList="questionData[34]"
              v-if="questionData"
              v-if="questionData  && questionData[34]"
              :chapter="1"
              :page="26"
            />
@@ -3346,12 +3276,8 @@
              </p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  :src="nerve"
                  :preview-src-list="[nerve]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0040-1.jpg" alt="" class="w100">
              </p>
              <p class="img cneter">图1-15 ç¥žç»å…ƒæ¨¡å¼å›¾</p>
            </div>
@@ -3415,23 +3341,14 @@
          <p>
            å¤§è„‘分左、右两半球(见图1-16),表面凹凸不平,凹陷处称为“沟”,隆起处称为“回”,“沟”与“回”大大增加了大脑的表面积。较大的沟有中央沟、大脑外侧沟和顶枕沟,这些沟将大脑表面分成额叶、顶叶、颞叶和枕叶四部分。
          </p>
          <p class="center">
            <el-image
              :src="brainImg"
              :preview-src-list="[brainImg]"
              style="width: 70%"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0041-1.jpg" alt="" class="w100">
          </p>
          <p class="img">图1-16 å¤§è„‘左、右两半球的功能比较</p>
          <div class="fl fl-around">
            <div class="left" style="width: 48%; margin-right: 10px">
              <p class="center">
                <el-image
                  :src="brainsImg"
                  :preview-src-list="[brainsImg]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0041-2.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-17 å¤§è„‘皮层分区图</p>
            </div>
@@ -3493,12 +3410,8 @@
            è‡ªä¸»ç¥žç»å¯åˆ†ä¸ºäº¤æ„Ÿç¥žç»å’Œå‰¯äº¤æ„Ÿç¥žç»ä¸¤ç±»ï¼Œå®ƒä»¬åˆ†å¸ƒäºŽåŒä¸€å™¨å®˜ï¼Œä½œç”¨ç›¸åï¼Œç›¸äº’制约,使内脏器官的活动协调、准确(见表1-6)。
          </p>
          <p class="img">表1-6 äº¤æ„Ÿç¥žç»å’Œå‰¯äº¤æ„Ÿç¥žç»çš„作用与区别</p>
          <p class="center">
            <el-image
              :src="tableNine"
              :preview-src-list="[tableNine]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0042-1.jpg" alt="" class="w100">
          </p>
          <h3 id="c016">二、学前儿童神经系统的特点>>>>>></h3>
          <h4 id="d056">(一)脑发育非常迅速</h4>
@@ -3523,12 +3436,8 @@
            è„‘的迅速生长可从脑质量的变化上得到反映。不同年龄脑质量的变化见表1-7。
          </p>
          <p class="img">表1-7 ä¸åŒå¹´é¾„脑质量的变化</p>
          <p class="center">
            <el-image
              :src="tableTen"
              :preview-src-list="[tableTen]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0043-1.jpg" alt="" class="w100">
          </p>
          <h4 id="d057">(二)中枢神经系统的发育不均衡</h4>
          <p>
@@ -3597,7 +3506,7 @@
            <span class="img center dl-bl w100">专题一 å­¦ä¹ ä¸»é¢˜å…«</span>
            <examinations
              :cardList="questionData[39]"
              v-if="questionData"
              v-if="questionData  && questionData[39]"
              :chapter="1"
              :page="31"
            />
@@ -3918,12 +3827,8 @@
              <h5 id="e036">1.眼球的前后径较短</h5>
            </div>
            <div class="right" style="width: 35%">
              <p class="center">
                <el-image
                  :src="eyesImg"
                  :preview-src-list="[eyesImg]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0046-2.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-18 çœ¼çƒç»“构模式图</p>
            </div>
@@ -4031,12 +3936,8 @@
              </p>
            </div>
            <div class="right" style="width: 58%">
              <p class="center">
                <el-image
                  :src="ersImg"
                  :preview-src-list="[ersImg]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0048-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-19 è€³çš„结构图</p>
            </div>
@@ -4058,12 +3959,8 @@
              <h5 id="e046">3.耳蜗的感受性较强</h5>
            </div>
            <div class="right" style="width: 48%">
              <p class="center">
                <el-image
                  :src="erImg"
                  :preview-src-list="[erImg]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0048-2.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-20 æˆäººå’Œå­¦å‰å„¿ç«¥å’½é¼“管之比较</p>
            </div>
@@ -4377,7 +4274,7 @@
            <span class="img center dl-bl w100">专题一 å­¦ä¹ ä¸»é¢˜ä¹</span>
            <examinations
              :cardList="questionData[48]"
              v-if="questionData"
              v-if="questionData && questionData[48]"
              :chapter="1"
              :page="40"
            />
@@ -4590,7 +4487,7 @@
            <span class="img">过关检测(资格考试模拟题)1</span><br />
            <examinations
              :cardList="questionData[50][1]"
              v-if="questionData"
              v-if="questionData && questionData[50][1]"
              :chapter="1"
              :page="421"
            />
@@ -4598,7 +4495,7 @@
            <span class="img mt-20 dl-bl">过关检测(资格考试模拟题)2</span>
            <examinations
              :cardList="questionData[50][2]"
              v-if="questionData"
              v-if="questionData && questionData[50][2]"
              :chapter="1"
              :page="422"
            />
@@ -4622,7 +4519,6 @@
<script>
import examinations from "@/components/examinations/index.vue";
import getResourcePath from "@/assets/methods/resources";
export default {
  name: "chapter-one",
  components: { examinations },
@@ -4638,48 +4534,9 @@
  data() {
    return {
      // å­¦ä¹ ä¸€
      introductionImg: require("../../../assets/images/chapterOne/0014-1.jpg"),
      bonesImg: require("../../../assets/images/chapterOne/0015-5.jpg"),
      foot1: require("../../../assets/images/chapterOne/foot-01.png"),
      foot2: require("../../../assets/images/chapterOne/foot-02.png"),
      jointImg: require("../../../assets/images/chapterOne/0017-1.jpg"),
      footImg: require("../../../assets/images/chapterOne/0017-2.jpg"),
      sitImg: require("../../../assets/images/chapterOne/0018-1.jpg"),
      bonesList: [],
      footList: [
        require("../../../assets/images/chapterOne/foot-01.png"),
        require("../../../assets/images/chapterOne/foot-02.png")
      ],
      posureList: [
        require("../../../assets/images/chapterOne/posture-01.png"),
        require("../../../assets/images/chapterOne/posture-02.png"),
        require("../../../assets/images/chapterOne/posture-03.png")
      ],
      resourceState: "",
      type: "option",
      snipaste: require("../../../assets/images/chapterOne/snipaste.png"),
      breathing: require("../../../assets/images/chapterOne/0020-2.jpg"),
      throat: require("../../../assets/images/chapterOne/0021-1.jpg"),
      tableOne: require("../../../assets/images/chapterOne/0021-2.jpg"),
      blood: require("../../../assets/images/chapterOne/0024-1.jpg"),
      tableTwo: require("../../../assets/images/chapterOne/0024-3.jpg"),
      tableThree: require("../../../assets/images/chapterOne/0025-1.jpg"),
      digestion: require("../../../assets/images/chapterOne/0028-1.jpg"),
      tableFive: require("../../../assets/images/chapterOne/0029-1.jpg"),
      tableSix: require("../../../assets/images/chapterOne/0029-2.jpg"),
      urology: require("../../../assets/images/chapterOne/0033-1.jpg"),
      man: require("../../../assets/images/chapterOne/0036-1.jpg"),
      woman: require("../../../assets/images/chapterOne/0036-2.jpg"),
      endocrineImg: require("../../../assets/images/chapterOne/0038-1.jpg"),
      stature: require("../../../assets/images/chapterOne/0038-2.jpg"),
      nerve: require("../../../assets/images/chapterOne/0040-1.jpg"),
      brainImg: require("../../../assets/images/chapterOne/0041-1.jpg"),
      brainsImg: require("../../../assets/images/chapterOne/0041-2.jpg"),
      tableNine: require("../../../assets/images/chapterOne/0042-1.jpg"),
      tableTen: require("../../../assets/images/chapterOne/0043-1.jpg"),
      eyesImg: require("../../../assets/images/chapterOne/0046-2.jpg"),
      ersImg: require("../../../assets/images/chapterOne/0048-1.jpg"),
      erImg: require("../../../assets/images/chapterOne/0048-2.jpg"),
      img: require("@/books/childHealth/assets/images/chapterOne/0014-1.jpg"),
      productLinkPath: "",
      learnTbaleOne: true,
@@ -4934,27 +4791,6 @@
        JSON.stringify(this.chapterOneData)
      );
    },
    openImage() {
      let container = document.getElementById("open-image");
      let viewr = new Viewer(container, {
        inline: false, // æ˜¯å¦ä»¥å†…联方式显示预览
        url: "data-imgurl",
        toolbar: {
          zoomIn: 1, // æ˜¯å¦æ˜¾ç¤ºæ”¾å¤§æŒ‰é’®
          zoomOut: 1, // æ˜¯å¦æ˜¾ç¤ºç¼©å°æŒ‰é’®
          oneToOne: 1, // æ˜¯å¦æ˜¾ç¤ºå®žé™…大小按钮
          reset: 1, // æ˜¯å¦æ˜¾ç¤ºé‡ç½®æŒ‰é’®
          prev: 1, // æ˜¯å¦æ˜¾ç¤ºä¸Šä¸€é¡µæŒ‰é’®
          play: 0, // æ˜¯å¦æ˜¾ç¤ºæ’­æ”¾æŒ‰é’®
          next: 1, // æ˜¯å¦æ˜¾ç¤ºä¸‹ä¸€é¡µæŒ‰é’®
          rotateLeft: 0, // æ˜¯å¦æ˜¾ç¤ºå‘左旋转按钮
          rotateRight: 0, // æ˜¯å¦æ˜¾ç¤ºå‘右旋转按钮
          flipHorizontal: 0, // æ˜¯å¦æ˜¾ç¤ºæ°´å¹³ç¿»è½¬æŒ‰é’®
          flipVertical: 0 // æ˜¯å¦æ˜¾ç¤ºåž‚直翻转按钮
        }
      });
    }
  }
};
</script>
src/books/childHealth/view/content/components/chapter002.vue
@@ -43,12 +43,8 @@
          />
          ä¸“题导学
        </h6>
        <p class="blockh6 m0-t0">
          <el-image
            :src="special"
            :preview-src-list="[special]"
            class="open-image"
          />
        <p class="blockh6 m0-t0 openImgBox">
          <img src="../../../assets/images/chapterTwo/0056-1.jpg" alt="" class="w100 mt-40">
        </p>
      </div>
    </div>
@@ -373,7 +369,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题二 å­¦ä¹ ä¸»é¢˜ä¸€</span>
            <examinations v-if="questionData" :cardList="questionData[54]" />
            <examinations v-if="questionData && questionData[54]" :cardList="questionData[54]" />
          </p>
          <h2 class="module_block" id="b011">
            <div class="custom1">学习主题二</div>
@@ -668,12 +664,8 @@
              <p>脑、脊髓以及眼球等器官,可以纳入该类生长发育</p>
            </div>
            <div class="right" style="width: 35%">
              <p class="center">
                <el-image
                  :src="most"
                  :preview-src-list="[most]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterTwo/0060-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图2-1 èº«ä½“器官或系统的四种生长发育模式</p>
            </div>
@@ -765,7 +757,7 @@
          <p class="blockh6-c">
            <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> -->
            <span class="img center dl-bl w100">专题二 å­¦ä¹ ä¸»é¢˜äºŒ</span>
            <examinations v-if="questionData" :cardList="questionData[57]" />
            <examinations v-if="questionData && questionData[57]" :cardList="questionData[57]" />
          </p>
          <p class="custom_tag"><b>•资料链接•</b></p>
          <div class="fieldset">
@@ -1133,7 +1125,7 @@
            <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> -->
            <span class="img center dl-bl w100">专题二 å­¦ä¹ ä¸»é¢˜ä¸‰</span>
            <examinations
              v-if="questionData"
              v-if="questionData && questionData[60]"
              :cardList="questionData[60]"
              :chapter="2"
              :page="52"
@@ -1310,10 +1302,10 @@
          <p class="blockh6-c">
            å­¦ä¹ å®Œæœ¬ä¸“题,你的学习效果如何呢?咱们一起来扫码测一测吧!<br />
            <span class="img">过关检测(资格考试模拟题)1</span><br />
            <examinations v-if="questionData" :cardList="questionData[62][1]" />
            <examinations v-if="questionData && questionData[62][1]" :cardList="questionData[62][1]" />
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测(资格考试模拟题)2</span>
            <examinations v-if="questionData" :cardList="questionData[62][2]" />
            <examinations v-if="questionData && questionData[62][2]" :cardList="questionData[62][2]" />
          </p>
          <h6 class="Conclusion-title4">•学习反思•</h6>
          <p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -1348,8 +1340,6 @@
  },
  data() {
    return {
      special: require("../../../assets/images/chapterTwo/0056-1.jpg"),
      most: require("../../../assets/images/chapterTwo/0060-1.jpg"),
      resourceState: "",
      videoState: true,
      learnTableOne: true,
src/books/childHealth/view/content/components/chapter003.vue
@@ -46,8 +46,8 @@
          />
          ä¸“题导学
        </h6>
        <p class="blockh6 m0-t0">
          <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
        <p class="blockh6 m0-t0 openImgBox">
          <img src="../../../assets/images/chapterThree/0068-1.jpg" alt="" class="w100 mt-20">
        </p>
      </div>
    </div>
@@ -347,8 +347,8 @@
              </p>
            </div>
            <div class="right" style="width: 35%">
              <p class="center">
                <el-image :src="body" :preview-src-list="[body]" class="open-image" />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterThree/0070-1.jpg" alt="身体动作的发展方向" class="w100">
              </p>
              <p class="img">图3-1 èº«ä½“动作的发展方向</p>
            </div>
@@ -671,7 +671,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题三 å­¦ä¹ ä¸»é¢˜ä¸€</span>
            <examinations :cardList="questionData[72]" :chapter="3" :page="64" />
            <examinations :cardList="questionData[72]" :chapter="3" :page="64" v-if="questionData && questionData[72]" />
          </p>
          <h2 class="module_block" id="b014">
            <div class="custom1">学习主题二</div>
@@ -1221,7 +1221,7 @@
          </h6>
          <p class="blockh6-c center">
            <span class="img center dl-bl w100">专题三 å­¦ä¹ ä¸»é¢˜äºŒ</span>
            <examinations :cardList="questionData[81]" />
            <examinations :cardList="questionData[81]" v-if="questionData && questionData[81]" />
          </p>
          <h2 class="module_block" id="b015">
            <div class="custom1">学习主题三</div>
@@ -1731,7 +1731,7 @@
          </h6>
          <p class="blockh6-c center">
            <span class="img center dl-bl w100">专题三 å­¦ä¹ ä¸»é¢˜ä¸‰</span>
            <examinations :cardList="questionData[86]" :chapter="3" :page="78" />
            <examinations :cardList="questionData[86]" :chapter="3" :page="78" v-if="questionData && questionData[86]" />
          </p>
        </div>
      </div>
@@ -1916,10 +1916,10 @@
          <p class="blockh6-c">
            å­¦ä¹ å®Œæœ¬ä¸“题,你的学习效果如何呢?咱们一起来扫码测一测吧!<br />
            <span class="img">过关检测(资格考试模拟题)1</span><br />
            <examinations :cardList="questionData[88][1]" :chapter="3" :page="801" />
            <examinations v-if="questionData && questionData[88][1]" :cardList="questionData[88][1]" :chapter="3" :page="801" />
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测(资格考试模拟题)2</span>
            <examinations :cardList="questionData[88][2]" :chapter="3" :page="802" />
            <examinations v-if="questionData && questionData[88][2]" :cardList="questionData[88][2]" :chapter="3" :page="802" />
          </p>
          <h6 class="Conclusion-title4">•学习反思•</h6>
          <p class="blockh6 m0-t0 fl fl-di fl-cn">
src/books/childHealth/view/content/components/chapter005.vue
@@ -48,12 +48,8 @@
            />
            ä¸“题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image
              :src="learn"
              :preview-src-list="[learn]"
              class="open-image"
            />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterFive/0112-1.jpg"  class="w100 mt-20" >
          </p>
        </div>
      </div>
@@ -496,12 +492,8 @@
            è¡¡é‡é£Ÿç‰©è›‹ç™½è´¨åˆ©ç”¨çŽ‡çš„å¸¸ç”¨æŒ‡æ ‡æ˜¯è›‹ç™½è´¨ç”Ÿç‰©å­¦ä»·å€¼ï¼Œç®€ç§°â€œç”Ÿç‰©ä»·â€ã€‚ç”Ÿç‰©ä»·æ˜¯åæ˜ é£Ÿç‰©è›‹ç™½è´¨æ¶ˆåŒ–å¸æ”¶åŽï¼Œè¢«æœºä½“åˆ©ç”¨ç¨‹åº¦çš„æŒ‡æ ‡ã€‚ç”Ÿç‰©ä»·è¶Šé«˜ï¼Œè¡¨æ˜Žé£Ÿç‰©è›‹ç™½è´¨è¢«æœºä½“çš„åˆ©ç”¨ç¨‹åº¦å°±è¶Šé«˜ã€‚å®Œå…¨è›‹ç™½è´¨çš„ç”Ÿç‰©ä»·è¾ƒé«˜ï¼ŒåŠå®Œå…¨è›‹ç™½è´¨å’Œä¸å®Œå…¨è›‹ç™½è´¨çš„ç”Ÿç‰©ä»·è¾ƒä½Žï¼ˆè§è¡¨5-1)。
          </p>
          <p class="img">表5-1 å¸¸è§é£Ÿç‰©çš„蛋白质生物价</p>
          <p class="center">
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0117-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -515,12 +507,8 @@
        </div>
        <div class="padding-96">
          <p class="img tl-ri mr-20">续表</p>
          <p class="center">
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0118-1.jpg" class="w100">
          </p>
          <p>计算公式如下。</p>
          <p class="center">蛋白质生物价=氮储存量/氮摄入量×100。</p>
@@ -537,12 +525,8 @@
          </p>
          <p>几种食物混合食用的蛋白质生物价见表5-2。</p>
          <p class="img">表5-2 å‡ ç§é£Ÿç‰©æ··åˆé£Ÿç”¨çš„蛋白质生物价</p>
          <p class="center">
            <el-image
              :src="tableThree"
              :preview-src-list="[tableThree]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0118-2.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -575,12 +559,8 @@
          <p class="img">
            è¡¨5-3 ä¸­å›½è¥å…»å­¦ä¼šæŽ¨èçš„婴幼儿每日膳食中蛋白质的供应量
          </p>
          <p class="center">
            <el-image
              :src="tableFour"
              :preview-src-list="[tableFour]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0119-1.jpg" class="w100">
          </p>
          <h4 id="d130">(二)脂类</h4>
          <p>
@@ -844,13 +824,8 @@
              ç¬¬äº”,经常户外活动;定期体格测量,保障健康成长。<a id="w2"></a
              ><a href="chapter005.html#m2"><sup>[2]</sup></a>
            </p>
            <p class="center">
              <el-image
                :src="tower"
                :preview-src-list="[tower]"
                style="width: 80%"
                class="open-image"
              />
            <p class="center openImgBox">
              <img src="../../../assets/images/chapterFive/0124-1.jpg" class="w100">
            </p>
          </div>
          <h3 id="c046">三、非产能营养素>>>>>></h3>
@@ -1239,6 +1214,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题五 å­¦ä¹ ä¸»é¢˜ä¸€</span>
            <examinations
            v-if="questionData && questionData[127]"
              :cardList="questionData[127]"
              :chapter="5"
              :page="119"
@@ -1570,12 +1546,8 @@
          <p>乳糖不耐受的婴儿可采用特殊配方奶。</p>
          <p>人乳与各种动物乳成分的比较见表5-4。</p>
          <p class="img">表5-4 äººä¹³ä¸Žå„种动物乳成分的比较</p>
          <p class="center">
            <el-image
              :src="tableFive"
              :preview-src-list="[tableFive]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0135-1.jpg" class="w100">
          </p>
          <h3 id="c049">三、辅食的添加>>>>>></h3>
          <p>
@@ -1639,12 +1611,8 @@
          </p>
          <p>添加辅食的顺序见表5-5。</p>
          <p class="img">表5-5 æ·»åŠ è¾…é£Ÿçš„é¡ºåº</p>
          <p class="center">
            <el-image
              :src="tableSix"
              :preview-src-list="[tableSix]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0136-1.jpg" class="w100">
          </p>
          <p>
            åœ¨æ·»åŠ è¾…é£Ÿçš„è¿‡ç¨‹ä¸­åº”æ³¨æ„ï¼Œå¦‚æžœå©´å„¿çš„é£Ÿæ¬²æˆ–å¤§ä¾¿æœ‰å¼‚å¸¸æƒ…å†µæ—¶ï¼Œåº”åŠæ—¶é…Œæƒ…è°ƒæ•´ã€‚
@@ -1693,6 +1661,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题五 å­¦ä¹ ä¸»é¢˜äºŒ</span>
            <examinations
            v-if="questionData && questionData[132]"
              :cardList="questionData[132]"
              :chapter="5"
              :page="124"
@@ -2155,6 +2124,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题五 å­¦ä¹ ä¸»é¢˜ä¸‰</span>
            <examinations
            v-if="questionData && questionData[137]"
              :cardList="questionData[137]"
              :chapter="5"
              :page="129"
@@ -2543,6 +2513,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题五 å­¦ä¹ ä¸»é¢˜å››</span>
            <examinations
            v-if="questionData && questionData[141]"
              :cardList="questionData[141]"
              :chapter="5"
              :page="133"
@@ -2730,6 +2701,7 @@
            å­¦ä¹ å®Œæœ¬ä¸“题,你的学习效果如何呢?咱们一起来扫码测一测吧!<br />
            <span class="img">过关检测(资格考试模拟题)1</span><br />
            <examinations
                v-if="questionData && questionData[142][1]"
              :cardList="questionData[142][1]"
              :chapter="5"
              :page="1341"
@@ -2737,6 +2709,7 @@
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测(资格考试模拟题)2</span>
            <examinations
            v-if="questionData && questionData[142][2]"
              :cardList="questionData[142][2]"
              :chapter="5"
              :page="1342"
@@ -2764,18 +2737,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterFive/0112-1.jpg"),
      taskOne: require("../../../assets/images/chapterFive/task-sheet1.png"),
      tableOne: require("../../../assets/images/chapterFive/0117-1.jpg"),
      tableTwo: require("../../../assets/images/chapterFive/0118-1.jpg"),
      tableThree: require("../../../assets/images/chapterFive/0118-2.jpg"),
      tableFour: require("../../../assets/images/chapterFive/0119-1.jpg"),
      taskTwo: require("../../../assets/images/chapterFive/task-sheet2.png"),
      tableFive: require("../../../assets/images/chapterFive/0135-1.jpg"),
      tableSix: require("../../../assets/images/chapterFive/0136-1.jpg"),
      taskThree: require("../../../assets/images/chapterFive/task-sheet3.png"),
      taskFour: require("../../../assets/images/chapterFive/task-sheet4.png"),
      tower: require("../../../assets/images/chapterFive/0124-1.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
src/books/childHealth/view/content/components/chapter006.vue
@@ -47,12 +47,8 @@
            />
            ä¸“题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image
              :src="learn"
              :preview-src-list="[learn]"
              class="open-image"
            />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterSix/0148-1.jpg" class="mt-20 w100">
          </p>
        </div>
      </div>
@@ -286,19 +282,11 @@
        </div>
        <div class="padding-96">
          <p class="img">表6-1 å­•期发展简表</p>
          <p class="center">
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterSix/0150-1.jpg" class="w100">
          </p>
          <p class="center">
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterSix/0150-2.jpg" class="w100">
          </p>
          <p class="img">图6-1 èƒŽå„¿è‡´ç•¸æ•æ„ŸæœŸ</p>
          <p>
@@ -427,8 +415,8 @@
            20世纪70年代,美国一些科学家发现,所有酗酒的母亲所生的子女常有一些共同的体质和神经症状,于是就把这些共同的体质和神经症状命名为胚胎酒精综合征(FAS)。自此以后,酒精对胎儿所造成的危害,就成了人们关注的焦点之一。
            åœ¨ç”Ÿç†æ–¹é¢ï¼Œæ‚£æœ‰èƒšèƒŽé…’精综合征的儿童的头部显得小而窄;他们的面容也较为独特,如眼距较宽,短鼻,下颌发育不全(见图6-2);与同龄人相比,体格大多偏小。在心理方面,最显著的症状就
          </p>
          <p class="center">
            <el-image :src="fas" :preview-src-list="[fas]" class="open-image" />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterSix/0153-1.jpg" class="w100">
          </p>
          <p class="img">
            å›¾6-2 æ‚£æœ‰èƒšèƒŽé…’精综合征(FAS)的婴儿(引自美国FAS社区资源中心)
@@ -520,6 +508,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题六 å­¦ä¹ ä¸»é¢˜ä¸€</span>
            <examinations
            v-if="questionData && questionData[150]"
              :cardList="questionData[150]"
              :chapter="6"
              :page="142"
@@ -975,12 +964,8 @@
            Scale),其由5个指标组成,包括心率、呼吸状况、肌肉弹性、身体颜色和反射敏感性,每个指标为0~2分,记录在一张图上,最后把各项得分相加求和(见表6-2)。这个测试要在新生儿出生后3个特殊的时间段进行,出生后1分钟、出生后5分钟、出生后10分钟,以测量婴儿状况的改善。那些得7分或更高分数的婴儿被认为处于良好的健康状况;那些得4分或分数更低的婴儿则可能有麻烦,为了让他们能够存活下来,往往需要给予紧急的医疗救助。
          </p>
          <p class="img">表6-2 é˜¿æ™®åŠ é‡è¡¨</p>
          <p class="center">
            <el-image
              :src="tableThree"
              :preview-src-list="[tableThree]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterSix/0159-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -1286,6 +1271,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题六 å­¦ä¹ ä¸»é¢˜äºŒ</span>
            <examinations
              v-if="questionData && questionData[160]"
              :cardList="questionData[160]"
              :chapter="6"
              :page="152"
@@ -1631,6 +1617,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题六 å­¦ä¹ ä¸»é¢˜ä¸‰</span>
            <examinations
            v-if="questionData && questionData[164]"
              :cardList="questionData[164]"
              :chapter="6"
              :page="156"
@@ -1991,6 +1978,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题六 å­¦ä¹ ä¸»é¢˜å››</span>
            <examinations
            v-if="questionData && questionData[167]"
              :cardList="questionData[167]"
              :chapter="6"
              :page="159"
@@ -2460,6 +2448,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题六 å­¦ä¹ ä¸»é¢˜äº”</span>
            <examinations
            v-if="questionData && questionData[172]"
              :cardList="questionData[172]"
              :chapter="6"
              :page="164"
@@ -2698,6 +2687,7 @@
            å­¦ä¹ å®Œæœ¬ä¸“题,你的学习效果如何呢?咱们一起来扫码测一测吧!<br />
            <span class="img">过关检测(资格考试模拟题)1</span><br />
            <examinations
            v-if="questionData && questionData[174][1]"
              :cardList="questionData[174][1]"
              :chapter="6"
              :page="1661"
@@ -2705,6 +2695,7 @@
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测(资格考试模拟题)2</span>
            <examinations
            v-if="questionData && questionData[174][2]"
              :cardList="questionData[174][2]"
              :chapter="6"
              :page="1662"
@@ -2743,16 +2734,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterSix/0148-1.jpg"),
      tableOne: require("../../../assets/images/chapterSix/0150-1.jpg"),
      tableTwo: require("../../../assets/images/chapterSix/0150-2.jpg"),
      fas: require("../../../assets/images/chapterSix/0153-1.jpg"),
      taskOne: require("../../../assets/images/chapterSix/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterSix/task-sheet2.png"),
      tableThree: require("../../../assets/images/chapterSix/0159-1.jpg"),
      taskThree: require("../../../assets/images/chapterSix/task-sheet3.png"),
      taskFour: require("../../../assets/images/chapterSix/task-sheet4.png"),
      taskFive: require("../../../assets/images/chapterSix/task-sheet5.png"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
src/books/childHealth/view/content/components/chapter007.vue
@@ -45,8 +45,8 @@
            />
            ä¸“题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterSeven/0180-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -292,7 +292,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题七 å­¦ä¹ ä¸»é¢˜ä¸€</span>
            <examinations :cardList="questionData[177]" :chapter="7" :page="169" />
            <examinations v-if="questionData && questionData[177]" :cardList="questionData[177]" :chapter="7" :page="169" />
          </p>
          <p class="custom_tag"><b>•资料链接•</b></p>
          <div class="fieldset">
@@ -786,7 +786,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题七 å­¦ä¹ ä¸»é¢˜äºŒ</span>
            <examinations :cardList="questionData[182]"  :chapter="7" :page="174" />
            <examinations v-if="questionData && questionData[182]" :cardList="questionData[182]"  :chapter="7" :page="174" />
          </p>
          <p class="custom_tag"><b>•资料链接•</b></p>
          <div class="fieldset">
@@ -1109,7 +1109,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题七 å­¦ä¹ ä¸»é¢˜ä¸‰</span>
            <examinations :cardList="questionData[185]" :chapter="7" :page="177" />
            <examinations v-if="questionData && questionData[185]" :cardList="questionData[185]" :chapter="7" :page="177" />
          </p>
          <p class="custom_tag"><b>•资料链接•</b></p>
          <div class="fieldset">
@@ -2038,7 +2038,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题七 å­¦ä¹ ä¸»é¢˜å››</span>
            <examinations :cardList="questionData[196]" :chapter="7" :page="188" />
            <examinations v-if="questionData && questionData[196]" :cardList="questionData[196]" :chapter="7" :page="188" />
          </p>
          <h2 class="module_block" id="b031">
            <div class="custom1">学习主题五</div>
@@ -2457,8 +2457,8 @@
            <p class="img">
              å¸¸è§æ€¥æ€§ä¼ æŸ“病的潜伏期、患者隔离期和接触者检疫期限表
            </p>
            <p class="center">
              <el-image :src="tableTwo" :preview-src-list="[tableTwo]" class="open-image" />
            <p class="center openImgBox">
              <img src="../../../assets/images/chapterSeven/0204-1.jpg" class="w100">
            </p>
          </div>
        </div>
@@ -2477,8 +2477,8 @@
        <div class="padding-96">
          <div class="fieldset">
            <p class="img">续表</p>
            <p class="center">
              <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" />
            <p class="center openImgBox">
              <img src="../../../assets/images/chapterSeven/0205-1.jpg" class="w100">
            </p>
          </div>
          <h5 id="e200">2.切断传播途径</h5>
@@ -3239,8 +3239,8 @@
          </div>
          <div class="fl fl-around">
            <div class="left" style="width: 48%">
              <p class="center" style="margin-top: 50px">
                <el-image :src="insect" :preview-src-list="[insect]"  class="open-image"/>
              <p class="center openImgBox" style="margin-top: 50px">
                <img src="../../../assets/images/chapterSeven/0219-2.jpg" style="width:95%">
              </p>
              <p class="img">图7-1 è›²è™«ç”Ÿæ´»å²</p>
            </div>
@@ -3302,7 +3302,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题七 å­¦ä¹ ä¸»é¢˜äº”</span>
            <examinations :cardList="questionData[215]" :chapter="7" :page="207" />
            <examinations v-if="questionData && questionData[215]" :cardList="questionData[215]" :chapter="7" :page="207" />
          </p>
          <p class="custom_tag"><b>•资料链接•</b></p>
          <div class="fieldset">
@@ -3581,10 +3581,10 @@
          <p class="blockh6-c">
            å­¦ä¹ å®Œæœ¬ä¸“题,你的学习效果如何呢?咱们一起来扫码测一测吧!<br />
            <span class="img">过关检测(资格考试模拟题)1</span><br />
            <examinations :cardList="questionData[217][1]" :chapter="7" :page="2091" />
            <examinations v-if="questionData && questionData[217][1]" :cardList="questionData[217][1]" :chapter="7" :page="2091" />
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测(资格考试模拟题)2</span>
            <examinations :cardList="questionData[217][2]" :chapter="7" :page="2092" />
            <examinations v-if="questionData && questionData[217][2]" :cardList="questionData[217][2]" :chapter="7" :page="2092" />
          </p>
          <h6 class="Conclusion-title4">•学习反思•</h6>
          <p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -3619,16 +3619,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterSeven/0180-1.jpg"),
      taskOne: require("../../../assets/images/chapterSeven/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterSeven/task-sheet2.png"),
      tableOne: require("../../../assets/images/chapterSix/0150-1.jpg"),
      taskThree: require("../../../assets/images/chapterSeven/task-sheet3.png"),
      taskFour: require("../../../assets/images/chapterSeven/task-sheet4.png"),
      taskFive: require("../../../assets/images/chapterSeven/task-sheet5.png"),
      tableTwo: require("../../../assets/images/chapterSeven/0204-1.jpg"),
      tableThree: require("../../../assets/images/chapterSeven/0205-1.jpg"),
      insect: require("../../../assets/images/chapterSeven/0219-2.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
src/books/childHealth/view/content/components/chapter008.vue
@@ -53,8 +53,9 @@
            />
            ä¸“题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterEight/0223-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -611,7 +612,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题八 å­¦ä¹ ä¸»é¢˜ä¸€</span>
            <examinations :cardList="questionData[223]" :chapter="8" :page="215" />
            <examinations v-if="questionData && questionData[223]" :cardList="questionData[223]" :chapter="8" :page="215" />
          </p>
        </div>
      </div>
@@ -1034,20 +1035,16 @@
            å¤„理办法:对较小幼儿,宜速将其抱起,头低脚高,拍背(见图8-1)。经上述处理,有时可使夹在喉部的异物咳出。使用该法无效,则速送医院急救。对较大幼儿可采用海姆利希手法。救护者可从后方搂住幼儿腰部,用大拇指的一侧顶住幼儿上腹部,间断地向上、向后,冲击性推压,促使横膈肌挤压肺部,产生气流,将进入气管的异物冲出(见图8-2)。使用该法无效,则速送医院急救。
          </p>
  
          <div class="fl fl-around">
          <div class="fl fl-around openImgBox">
            <div class="left" style="width: 60%">
              <p class="center">
                <el-image
                  :src="backslapping"
                  :preview-src-list="[backslapping]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0231-2.jpg" class="w100">
              </p>
              <p class="img">图8-1 æ‹èƒŒæ³•操作示意图</p>
            </div>
            <div class="right" style="width: 33%">
              <p class="center">
                <el-image :src="backsla" :preview-src-list="[backsla]" class="open-image" />
                <img src="../../../assets/images/chapterEight/0231-3.jpg" class="w100">
              </p>
              <p class="img">图8-2 æµ·å§†åˆ©å¸Œæ‰‹æ³•操作示意图</p>
            </div>
@@ -1155,8 +1152,8 @@
              </p>
            </div>
            <div class="right" style="width: 20%">
              <p class="center">
                <el-image :src="syncope" :preview-src-list="[syncope]" class="open-image" />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterEight/0233-2.jpg" class="w100">
              </p>
              <p class="img">图8-3 æ™•厥的处理</p>
            </div>
@@ -1462,26 +1459,16 @@
        </div>
        <div class="padding-96">
          <p class="t0">处,见图8-5)。</p>
          <div class="fl">
          <div class="fl openImgBox">
            <div class="left" style="width: 50%">
              <p class="center">
                <el-image
                  style="width: 60%"
                  :src="pressingOne"
                  :preview-src-list="[pressingOne]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0238-1.jpg" class="w100">
              </p>
              <p class="img">图8-4 åŒæŒ‡æŒ‰åŽ‹æ³•</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  style="width: 60%"
                  :src="pressingTwo"
                  :preview-src-list="[pressingTwo]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0238-2.jpg" class="w100">
              </p>
              <p class="img">图8-5 åŒæ‰‹çŽ¯æŠ±æ‹‡æŒ‡æŒ‰åŽ‹æ³•</p>
            </div>
@@ -1490,36 +1477,45 @@
          <p>
            â‘¢å¯¹äºŽè¾ƒå¤§å„¿ç«¥ï¼Œå¯ç”¨å•手或双手按压胸骨下半部。单手胸外按压时,可用一只手固定患儿头部,以便通气,另一手的手掌根部置于胸骨下半段,手掌根的长轴与胸骨的长轴一致(见图8-6)。双手胸外按压时,将一手掌根部重叠放在另一手背上,十指相扣,下面手的手指抬起,手掌根部垂直按压胸骨下半部(见图8-7)。
          </p>
          <div class="fl fl-around">
          <div class="fl fl-around openImgBox">
            <div class="left" style="width: 40%">
              <p class="center">
                <el-image
                  :src="pressingThree"
                  :preview-src-list="[pressingThree]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0238-3.jpg" class="w100">
              </p>
              <p class="img">图8-6 å•手胸外按压</p>
            </div>
            <div class="right" style="width: 40%">
              <el-carousel loop trigger="click" class="bones-carousel carousel-image">
                <el-carousel-item
                  v-for="(item, index) in pressList"
                  :key="index"
                  class="bones-carousel-item"
              <div class="banshi openImgBox" style="height:214px">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="pressList"
                    :preview-teleported="true"
                    class="open-image"
                          <img
                            src="../../../assets/images/chapterEight/pase1.png"
                  />
                </el-carousel-item>
              </el-carousel>
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterEight/pase2.png"
                          />
                        </div>
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
                </div>
              <p class="img">图8-7 åŒæ‰‹èƒ¸å¤–按压</p>
            </div>
          </div>
          <p>
            æ³¨æ„ï¼šâ‘ æŒ‰åŽ‹æ·±åº¦è‡³å°‘ä¸ºèƒ¸å‰åŽå¾„çš„1/3(婴儿大约为4厘米,幼儿大约为5厘米)。按压频率为100~120次/分。每一次按压后,让胸廓充分回弹,以保障心脏血流的充盈。应保持胸外按压的连续性,尽量减少胸外按压的中断(<10秒)。有条件时在每5个循环心肺复苏即2分钟后换人按压,以保证按压效果。
          </p>
@@ -1552,26 +1548,16 @@
          <p>
            ï¼ˆ2)托颌法。当患儿颈椎不能运动或怀疑有颈椎损伤时可采用托颌法。将双手放置在患儿头部两侧,握住下颌角,向上托下颌,使头部后仰程度为下颌角与耳垂连线和地面成60°(幼儿)或30°(婴儿)(见图8-9)。操作过程中需注意手指不可压颌下软组织,以免阻塞气道。
          </p>
          <div class="fl">
          <div class="fl openImgBox">
            <div class="left" style="width: 50%">
              <p class="center">
                <el-image
                  :src="upward"
                  :preview-src-list="[upward]"
                  style="width: 50%"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0239-1.jpg" class="w100">
              </p>
              <p class="img">图8-8 ä»°å¤´æŠ¬é¢Œæ³•</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  style="width: 65%"
                  :src="upwards"
                  :preview-src-list="[upwards]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0239-2.jpg" class="w100">
              </p>
              <p class="img">图8-9 æ‰˜é¢Œæ³•</p>
            </div>
@@ -1608,8 +1594,8 @@
          <h5 id="e286">2.指压止血法</h5>
          <div class="fl fl-around">
            <div class="left" style="width: 25%">
              <p class="center">
                <el-image :src="hemostasis" :preview-src-list="[hemostasis]"  class="open-image" />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterEight/0240-1.jpg" class="w100">
              </p>
              <p class="img">图8-10 æŒ‡åŽ‹æ­¢è¡€æ³•å¸¸ç”¨æ­¢è¡€éƒ¨ä½</p>
            </div>
@@ -1659,7 +1645,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题八 å­¦ä¹ ä¸»é¢˜äºŒ</span>
            <examinations :cardList="questionData[235]" :chapter="8" :page="227" />
            <examinations v-if="questionData && questionData[235]" :cardList="questionData[235]" :chapter="8" :page="227" />
          </p>
          <p class="custom_tag"><b>•资料链接•</b></p>
          <div class="fieldset">
@@ -2139,7 +2125,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题八 å­¦ä¹ ä¸»é¢˜ä¸‰</span>
            <examinations :cardList="questionData[240]" :chapter="8" :page="232" />
            <examinations v-if="questionData && questionData[240]" :cardList="questionData[240]" :chapter="8" :page="232" />
          </p>
          <p class="custom_tag"><b>•资料链接•</b></p>
          <div class="fieldset">
@@ -2396,10 +2382,10 @@
          <p class="blockh6-c">
            å­¦ä¹ å®Œæœ¬ä¸“题,你的学习效果如何呢?咱们一起来扫码测一测吧!<br />
            <span class="img">过关检测(资格考试模拟题)1</span><br />
            <examinations :cardList="questionData[242][1]" :chapter="8" :page="2431" />
            <examinations v-if="questionData && questionData[242][1]" :cardList="questionData[242][1]" :chapter="8" :page="2431" />
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测(资格考试模拟题)2</span>
            <examinations :cardList="questionData[242][2]" :chapter="8" :page="2342" />
            <examinations  v-if="questionData && questionData[242][2]" :cardList="questionData[242][2]" :chapter="8" :page="2342" />
          </p>
        </div>
      </div>
@@ -2423,24 +2409,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterEight/0223-1.jpg"),
      taskOne: require("../../../assets/images/chapterEight/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterEight/task-sheet2.png"),
      taskThree: require("../../../assets/images/chapterEight/task-sheet3.png"),
      backslapping: require("../../../assets/images/chapterEight/0231-2.jpg"),
      backsla: require("../../../assets/images/chapterEight/0231-3.jpg"),
      syncope: require("../../../assets/images/chapterEight/0233-2.jpg"),
      pressingOne: require("../../../assets/images/chapterEight/0238-1.jpg"),
      pressingTwo: require("../../../assets/images/chapterEight/0238-2.jpg"),
      pressingThree: require("../../../assets/images/chapterEight/0238-3.jpg"),
      pressingFour: require("../../../assets/images/chapterEight/0238-4.jpg"),
      pressList: [
        require("../../../assets/images/chapterEight/pase1.png"),
        require("../../../assets/images/chapterEight/pase2.png"),
      ],
      upward: require("../../../assets/images/chapterEight/0239-1.jpg"),
      upwards: require("../../../assets/images/chapterEight/0239-2.jpg"),
      hemostasis: require("../../../assets/images/chapterEight/0240-1.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
src/books/childHealth/view/content/components/chapter009.vue
@@ -49,12 +49,8 @@
            />
            ä¸“题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image
              :src="learn"
              :preview-src-list="[learn]"
              class="open-image"
            />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterNine/0248-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -345,12 +341,8 @@
            å„¿ç«¥çš„一日生活制度应根据他们的心理和生理特点,结合教育要求和卫生原则来制定(见表9-1)。
          </p>
          <p class="img">表9-1 7岁前儿童一日生活作息时间分配</p>
          <p class="center">
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterNine/0250-1.jpg" class="w100">
          </p>
          <h4 id="d317">(一)依据年龄特点</h4>
          <p>
@@ -652,6 +644,7 @@
          <p class="blockh6-c center">
            <span class="img center dl-bl w100">专题九 å­¦ä¹ ä¸»é¢˜ä¸€</span>
            <examinations
            v-if="questionData && questionData[252]"
              :cardList="questionData[251]"
              :chapter="9"
              :page="243"
@@ -1097,12 +1090,8 @@
            é¢„防接种依照一定的程序(见表9-2)。因为有的疫苗一次接种后所产生的抗体量少,维持的时间短,所以必须在一定时间内再接种一次,使抗体保持在一定的水平,以加强预防作用。
          </p>
          <p class="img">表9-2 å„¿ç«¥è®¡åˆ’免疫程序</p>
          <p class="center">
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterNine/0260-1.jpg" class="w100">
          </p>
          <p>
            äººä½“有两种免疫反应:一种是细胞免疫,另一种是体液免疫。细胞免疫在婴儿出生时已经完善,而体液免疫在6个月以后才比较完善。有些疫苗,如卡介苗,接种后抗体的产生与细胞免疫有关;有些疫苗,如麻疹疫苗,接种后与体液免疫有关。所以,婴儿出生3天内注射卡介苗就可以产生抗体,以预防结核病。而在出生后6个月内接种麻疹疫苗就不能产生足够的抗体,也达不到预防的目的,因此,麻疹疫苗要在出生6个月以后接种。
@@ -1547,6 +1536,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题九 å­¦ä¹ ä¸»é¢˜äºŒ</span>
            <examinations
            v-if="questionData && questionData[263]"
              :cardList="questionData[263]"
              :chapter="9"
              :page="255"
@@ -1712,6 +1702,7 @@
            å­¦ä¹ å®Œæœ¬ä¸“题,你的学习效果如何呢?咱们一起来扫码测一测吧!<br />
            <span class="img">过关检测(资格考试模拟题)1</span><br />
            <examinations
            v-if="questionData && questionData[264][1]"
              :cardList="questionData[264][1]"
              :chapter="9"
              :page="2561"
@@ -1719,6 +1710,7 @@
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测(资格考试模拟题)2</span>
            <examinations
            v-if="questionData && questionData[264][2]"
              :cardList="questionData[264][2]"
              :chapter="9"
              :page="2562"
@@ -1757,11 +1749,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterNine/0248-1.jpg"),
      taskOne: require("../../../assets/images/chapterNine/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterNine/task-sheet2.png"),
      tableOne: require("../../../assets/images/chapterNine/0250-1.jpg"),
      tableTwo: require("../../../assets/images/chapterNine/0260-1.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
src/books/childHealth/view/content/components/chapter010.vue
@@ -45,12 +45,8 @@
            />
            ä¸“题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image
              :src="learn"
              :preview-src-list="[learn]"
              class="open-image"
            />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterTen/0270-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -337,12 +333,8 @@
            è¡¨10-1 å…¨æ—¥åˆ¶å¹¼å„¿å›­å„项用房使用面积和建筑面积一览表<a id="w1"></a
            ><a href="chapter010.html#m1"><sup>[1]</sup></a>
          </p>
          <p class="center">
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterTen/0272-1.jpg" class="w100">
          </p>
          <p>
            å¹¼å„¿å›­çš„生活用房应由幼儿生活单元、公共活动空间和多功能活动室组成。公共活动空间可根据需要设置。生活用房是园内的主体建筑,它包括活动室、卧室、卫生间等。一般将小班、中班安排在低层,大班安排在高层,音体活动室可安排在较高层次。生活用房应朝南,日照充分,通风良好。
@@ -455,12 +447,8 @@
            æ´»åŠ¨å®¤å’Œå¯å®¤åˆå¹¶è®¾ç½®é‡‡ç”¨é¢ç§¯æŒ‡æ ‡ä½Žé™ã€‚äººå‡ä½¿ç”¨é¢ç§¯ä¸º3.5平方米,每班使用面积105平方米。分开设置采用面积指标高限。活动室人均使用面积为2.4平方米,每班使用面积72平方米。活动室的室内净高参见表10-2。
          </p>
          <p class="img">表10-2 å¹¼å„¿å›­ä¸»è¦å»ºç­‘的室内净高</p>
          <p class="center">
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterTen/0274-1.jpg" class="w100">
          </p>
          <p>
            æ´»åŠ¨å®¤çš„çª—åº”å‘å—ï¼Œä¸åº”å‘åŒ—æˆ–å‘è¥¿ï¼Œæœ€å¥½æ˜¯åŒé¢é‡‡å…‰ã€‚çª—é«˜ï¼ˆå†…åœ°é¢è‡³çª—ä¸Šç¼˜é«˜ï¼‰ä¸ä½ŽäºŽ2.8米。为使儿童能在室内向外远眺,窗台距地面的高度应为50~60厘米。楼层无室外阳台时,应设护栏,距地面1.30米内不应设平开窗。活动室净高不低于3.3米。地面应铺木地板,保温、防潮,便于打扫,且防止儿童摔伤。室内噪声声级不应大于50分贝。
@@ -741,6 +729,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题十 å­¦ä¹ ä¸»é¢˜ä¸€</span>
            <examinations
            v-if="questionData && questionData[275]"
              :cardList="questionData[275]"
              :chapter="10"
              :page="267"
@@ -1186,6 +1175,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题十 å­¦ä¹ ä¸»é¢˜äºŒ</span>
            <examinations
            v-if="questionData && questionData[280]"
              :cardList="questionData[280]"
              :chapter="10"
              :page="272"
@@ -1330,6 +1320,7 @@
            å­¦ä¹ å®Œæœ¬ä¸“题,你的学习效果如何呢?咱们一起来扫码测一测吧!<br />
            <span class="img">过关检测(资格考试模拟题)1</span><br />
            <examinations
            v-if="questionData && questionData[281][1]"
              :cardList="questionData[281][1]"
              :chapter="10"
              :page="2731"
@@ -1337,6 +1328,7 @@
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测(资格考试模拟题)2</span>
            <examinations
            v-if="questionData && questionData[281][2]"
              :cardList="questionData[281][2]"
              :chapter="10"
              :page="2732"
@@ -1375,11 +1367,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterTen/0270-1.jpg"),
      taskOne: require("../../../assets/images/chapterTen/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterTen/task-sheet2.png"),
      tableOne: require("../../../assets/images/chapterTen/0272-1.jpg"),
      tableTwo: require("../../../assets/images/chapterTen/0274-1.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
src/books/childHealth/view/content/components/chapter011.vue
@@ -17,12 +17,10 @@
            å¦‚果你全会,那恭喜你!如果你未能全部答对,也没有关系,请从教材中找到相应的内容复习一下吧。
            è¿™é‡Œä¸€å…±æœ‰åå¥—测试题,现在开始自我检测之旅吧。
          </p>
          <!-- <p class="center">
          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
        </p> -->
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷一</span>
            <examinations
            v-if="questionData && questionData[282][1]"
              :cardList="questionData[282][1]"
              :chapter="11"
              :page="2741"
@@ -32,6 +30,7 @@
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷二</span>
            <examinations
            v-if="questionData && questionData[282][2]"
              :cardList="questionData[282][2]"
              :chapter="11"
              :page="2742"
@@ -41,6 +40,7 @@
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷三</span>
            <examinations
            v-if="questionData && questionData[282][3]"
              :cardList="questionData[282][3]"
              :chapter="11"
              :page="2743"
@@ -50,6 +50,7 @@
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷四</span>
            <examinations
            v-if="questionData && questionData[282][4]"
              :cardList="questionData[282][4]"
              :chapter="11"
              :page="2744"
@@ -59,6 +60,7 @@
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷五</span>
            <examinations
            v-if="questionData && questionData[282][5]"
              :cardList="questionData[282][5]"
              :chapter="11"
              :page="2745"
@@ -74,13 +76,10 @@
          <span class="page-header-num">275</span>
        </div>
        <div class="padding-96">
          <!-- <p class="img">续表</p>
          <p class="center">
            <el-image :src="tableTwo" :preview-src-list="[tableTwo]" />
          </p> -->
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷六</span>
            <examinations
            v-if="questionData && questionData[283][1]"
              :cardList="questionData[283][1]"
              :chapter="11"
              :page="2746"
@@ -90,6 +89,7 @@
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷七</span>
            <examinations
            v-if="questionData && questionData[283][2]"
              :cardList="questionData[283][2]"
              :chapter="11"
              :page="2747"
@@ -99,6 +99,7 @@
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷八</span>
            <examinations
            v-if="questionData && questionData[283][3]"
              :cardList="questionData[283][3]"
              :chapter="11"
              :page="2748"
@@ -108,6 +109,7 @@
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷九</span>
            <examinations
            v-if="questionData && questionData[283][4]"
              :cardList="questionData[283][4]"
              :chapter="11"
              :page="2749"
@@ -117,6 +119,7 @@
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷十</span>
            <examinations
            v-if="questionData && questionData[283][5]"
              :cardList="questionData[283][5]"
              :chapter="11"
              :page="27410"
@@ -143,8 +146,6 @@
  },
  data() {
    return {
      tableOne: require("../../../assets/images/chapterEleven/0287-1.jpg"),
      tableTwo: require("../../../assets/images/chapterEleven/0288-1.jpg"),
      questionData: {},
    };
  },
src/books/childHealth/view/content/index.vue
@@ -109,7 +109,7 @@
export default {
  data() {
    return {
      catalogLength: 13, // æ€»ç« èŠ‚æ•°
      catalogLength: 14, // æ€»ç« èŠ‚æ•°
      showCatalogList: [], // æ˜¾ç¤ºçš„章节
      loadThreshold: 300, // è§¦å‘加载阈值
      throttleThreshold: 100, // èŠ‚æµé˜ˆå€¼
@@ -615,7 +615,7 @@
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-container");
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
@@ -623,7 +623,7 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // ä¸€ç»„三个
@@ -635,11 +635,11 @@
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
            ),
          },
          // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true
          observeParents: true,
          // // å¦‚果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
src/books/embedded/assets/images/icon/download.svg
File was deleted
src/books/embedded/assets/images/icon/rar(1).png
src/books/embedded/assets/images/icon/rar.png

src/books/embedded/assets/images/icon/word(1).png
src/books/embedded/assets/images/icon/word.png

src/books/embedded/assets/images/icon/ÏÂÔØ.svg
New file
@@ -0,0 +1,7 @@
<svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
  xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200" height="200">
  <path
    d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
    p-id="13397"></path>
</svg>
src/books/embedded/assets/main.less
@@ -626,6 +626,9 @@
  .fl-cl {
    flex-direction: column;
  }
  .fl-bt {
    justify-content: space-between;
  }
  .ju-cn {
    justify-content: center;
  }
@@ -676,6 +679,9 @@
  }
  .mb-40 {
    margin-bottom: 40px;
  }
  .m0 {
    margin: 0;
  }
  .m0-auto {
    margin: 0 auto;
@@ -815,6 +821,7 @@
    font-size: 14px;
  }
  .svg-btn {
    padding: 0 2px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #501438;
src/books/embedded/view/components/chapter001.vue
@@ -84,19 +84,19 @@
                    /> -->
                    <span class="svg-btn" @click="download('工程样例')">
                      <svg
                        t="1716796212460"
                        class="theme-color icon"
                        t="1716978364001"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="1598"
                        p-id="13396"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15"
                        height="15"
                      >
                        <path
                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                          p-id="1599"
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"
                        ></path>
                      </svg>
                    </span>
@@ -111,26 +111,21 @@
                      src="../../assets/images/icon/rar.png"
                      class="rar-icon"
                    />
                    <!-- <img
                      @click="download('管控一体样例')"
                      src="../../assets/images/icon/download.png"
                      class="downlod-icon cu-pr"
                    /> -->
                    <span class="svg-btn" @click="download('管控一体样例')">
                      <svg
                        t="1716796212460"
                        t="1716978364001"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="1598"
                        p-id="13396"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15"
                        height="15"
                      >
                        <path
                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                          p-id="1599"
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"
                        ></path>
                      </svg>
                    </span>
@@ -145,26 +140,21 @@
                      src="../../assets/images/icon/rar.png"
                      class="rar-icon"
                    />
                    <!-- <img
                      @click="download('嵌_计划曲线样例')"
                      src="../../assets/images/icon/download.png"
                      class="downlod-icon cu-pr"
                    /> -->
                    <span class="svg-btn" @click="download('嵌_计划曲线样例')">
                      <svg
                        t="1716796212460"
                        t="1716978364001"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="1598"
                        p-id="13396"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15"
                        height="15"
                      >
                        <path
                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                          p-id="1599"
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"
                        ></path>
                      </svg>
                    </span>
@@ -179,27 +169,51 @@
              </p>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014001.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014001.jpg"
                    alt="嵌入式组态软件系统应用于电力行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-1 嵌入式组态软件系统应用于电力行业</p>
                <p class="imgdescript">
                  å›¾1-1 嵌入式组态软件系统应用于电力行业
                </p>
              </div>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014002.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014002.jpg"
                    alt="嵌入式组态软件系统应用于铁路行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-2 嵌入式组态软件系统应用于铁路行业</p>
                <p class="imgdescript">
                  å›¾1-2 嵌入式组态软件系统应用于铁路行业
                </p>
              </div>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014003.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014003.jpg"
                    alt="嵌入式组态软件系统应用于橡胶行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-3 嵌入式组态软件系统应用于橡胶行业</p>
                <p class="imgdescript">
                  å›¾1-3 嵌入式组态软件系统应用于橡胶行业
                </p>
              </div>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014004.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014004.jpg"
                    alt="嵌入式组态软件系统应用于纺织行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-4 嵌入式组态软件系统应用于纺织行业</p>
                <p class="imgdescript">
                  å›¾1-4 嵌入式组态软件系统应用于纺织行业
                </p>
              </div>
            </div>
          </div>
@@ -264,7 +278,11 @@
          </p>
          <div class="qrbodyPic">
            <div class="openImgBox">
              <img src="../../assets/images/img00015001.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00015001.jpg"
                alt="用户应用系统组成"
                class="w100"
              />
            </div>
            <p class="imgdescript">图1-5 用户应用系统组成</p>
          </div>
@@ -286,7 +304,11 @@
      <div v-if="showPageList.indexOf(14) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <p class="content t0">
@@ -367,22 +389,21 @@
          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
            <img src="../../assets/images/header-one.png" alt="" />
          </div>
          <div class="fl">
          <div class="fl openImgBox">
            <div class="">
              <!-- <el-image
                :src="imgSix"
                active="true"
                :preview-src-list="[imgSix]"
              /> -->
              <div class="openImgBox">
              <img src="../../assets/images/img00017001.jpg" alt="" class="w100">
            </div>
              <img
                src="../../assets/images/img00017001.jpg"
                alt="正视图"
                class="w100"
              />
              <p class="imgdescript">图1-6 正视图</p>
            </div>
            <div class="">
              <div class="openImgBox">
                <img src="../../assets/images/img00017002.jpg" alt="" class="w100">
              </div>
              <img
                src="../../assets/images/img00017002.jpg"
                alt="背视图"
                class="w100"
              />
              <p class="imgdescript">图1-7 背视图</p>
            </div>
          </div>
@@ -392,12 +413,18 @@
              <p class="content">
                â‘ å°†å¼€å…³ç”µæº24V+端线插入TPC电源插头接线1端中,如图1-8所示。
              </p>
              <p class="content">②将开关电源24V-端线插入TPC电源插头接线2端中。</p>
              <p class="content">
                â‘¡å°†å¼€å…³ç”µæº24V-端线插入TPC电源插头接线2端中。
              </p>
              <p class="content">③使用一字头旋具将TPC电源插头螺钉锁紧。</p>
            </div>
            <div class="right">
              <div class="openImgBox">
                <img src="../../assets/images/img00017003.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00017003.jpg"
                  alt="电源插头示意图及引脚定义"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-8 电源插头示意图及引脚定义</p>
            </div>
@@ -408,13 +435,21 @@
          </p>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00017004.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00017004.jpg"
                alt="接口说明"
                class="w100"
              />
              </div>
            <p class="imgdescript">图1-9 接口说明</p>
          </div>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00017005.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00017005.jpg"
                alt="串口引脚定义"
                class="w100"
              />
              </div>
            <p class="imgdescript">图1-10 串口引脚定义</p>
          </div>
@@ -433,12 +468,20 @@
      <div v-if="showPageList.indexOf(16) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <div>
              <div class="openImgBox">
                <img src="../../assets/images/img00018001.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00018001.jpg"
                  alt="TPC启动过程"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-11 TPC启动过程</p>
            </div>
@@ -455,7 +498,11 @@
            </p>
            <div style="width: 90%" class="m0-auto">
              <div class="openImgBox">
                <img src="../../assets/images/img00018002.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00018002.jpg"
                  alt="TPC7062K与西门子S7-200系列PLC通信接线"
                  class="w100"
                />
              </div>
              <p class="imgdescript">
                å›¾1-12 TPC7062K与西门子S7-200系列PLC通信接线
@@ -463,7 +510,11 @@
            </div>
            <div class="m0-auto" style="width: 90%">
              <div class="openImgBox">
                <img src="../../assets/images/img00018003.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00018003.jpg"
                  alt="TPC7062K与欧姆龙PLC通信接线"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-13 TPC7062K与欧姆龙PLC通信接线</p>
            </div>
@@ -484,7 +535,11 @@
          </div>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00019001.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00019001.jpg"
                alt="TPC7062K与三菱FX系列PLC通信接线"
                class="w100"
              />
              </div>
            <p class="imgdescript">图1-14 TPC7062K与三菱FX系列PLC通信接线</p>
          </div>
@@ -518,7 +573,8 @@
              <td class="table-cn">
                å·¥ ä½œ å½¢ å¼ <br />
                <input type="checkbox" name="xingshi" value="prople" /> ä¸ªäºº
                <input type="checkbox" name="xingshi" value="fengong" /> å°ç»„分工
                <input type="checkbox" name="xingshi" value="fengong" />
                å°ç»„分工
                <input type="checkbox" name="xingshi" value="xiaozu" /> å°ç»„
              </td>
              <td colspan="2" class="table-cn">
@@ -625,14 +681,10 @@
              </li>
              <li class="fl fl-cl al-cn p-10">
                <div class="fl al-end">
                  <img src="../../assets/images/icon/rar.png" class="rar-icon" />
                  <!-- <img
                    @click="
                      downloadRar('McgsPro 3.3.6.6354 SP1.3 ç»„态软件安装包')
                    "
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <img
                    src="../../assets/images/icon/rar.png"
                    class="rar-icon"
                  />
                  <span
                    class="svg-btn"
                    @click="
@@ -640,19 +692,19 @@
                    "
                  >
                    <svg
                      t="1716796212460"
                      t="1716978364001"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      p-id="13396"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                        d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                        p-id="13397"
                      ></path>
                    </svg>
                  </span>
@@ -668,8 +720,10 @@
          </div>
  
          <video
            v-if="videoOne"
            :src="config.resourceCtx + '/配套学习资源/p7/MCGS安装视频带音频.mp4'"
            :src="
              config.activeBook.resourceUrl +
              '/配套学习资源/p7/MCGS安装视频带音频.mp4'
            "
            webkit-playsinline="true"
            x-webkit-airplay="true"
            playsinline="true"
@@ -698,7 +752,11 @@
      <div v-if="showPageList.indexOf(18) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <p class="content">
@@ -721,65 +779,53 @@
            </p>
            <div class="qrbodyPic">
              <div class="banshi openImgBox">
                  <div class="swiper-container">
                <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-one.png"
                          alt="MCGS安装程序窗口"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-two.png"
                          alt="启动安装程序"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-three.png"
                          alt="指定安装目录"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-four.png"
                          alt="选择安装设备驱动"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-five.png"
                          alt="驱动安装程序"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-six.png"
                          alt="组态环境和模拟运行环境快捷方式图标"
                          />
                        </div>
                      </div>
@@ -792,7 +838,6 @@
            </div>
          </div>
        </div>
      </div>
      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
          <li class="footer-num">8</li>
@@ -836,7 +881,8 @@
              <td class="table-cn">
                å·¥ ä½œ å½¢ å¼ <br />
                <input type="checkbox" name="xingshi" value="prople" /> ä¸ªäºº
                <input type="checkbox" name="xingshi" value="fengong" /> å°ç»„分工
                <input type="checkbox" name="xingshi" value="fengong" />
                å°ç»„分工
                <input type="checkbox" name="xingshi" value="xiaozu" /> å°ç»„
              </td>
              <td colspan="2" class="table-cn">
@@ -900,32 +946,18 @@
            </div>
            <ul class="word-resource fl ju-ev">
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('初级教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('初级教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                    </svg>
                  </span>
                </div>
@@ -937,32 +969,18 @@
                <div class="word-border"></div>
              </li>
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('中级教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('中级教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                    </svg>
                  </span>
                </div>
@@ -974,32 +992,18 @@
                <div class="word-border"></div>
              </li>
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('驱动教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('驱动教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                    </svg>
                  </span>
                </div>
@@ -1011,32 +1015,18 @@
                <div class="word-border"></div>
              </li>
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('硬件教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('硬件教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                    </svg>
                  </span>
                </div>
@@ -1090,18 +1080,14 @@
              active="true"
            />,打开嵌入版组态软件,然后按如下步骤建立工程:
          </p>
          <ul class="fl fl-bt m0 p0">
            <li style="width: 58%">
          <p class="content">
            ï¼ˆ1)选择“文件”菜单中“新建工程”命令,弹出“新建工程设置”对话框,如图1-21所示,TPC类型选择为“TPC7062K”,单击“确定”按钮。
          </p>
          <p class="content">
            ï¼ˆ2)选择“文件”菜单中的“工程另存为”命令,弹出“文件保存”对话框,在文件名一栏内输入“常用构件使用”,单击“保存”按钮,工程创建完毕。
          </p>
          <div class="qrbodyPic">
            <div class="openImgBox">
                <img src="../../assets/images/img00021003.jpg" alt="" class="w100">
              </div>
            <p class="imgdescript">图1-21 选择TPC类型</p>
          </div>
          <p class="quotation fl al-cn t0 primary-color">
            <img
              src="../../assets/images/icon/arrow-two.png"
@@ -1113,6 +1099,19 @@
          <p class="content">
            ï¼ˆ1)在工作台中激活用户窗口,单击“新建窗口”按钮,建立新画面“窗口0”,如图1-22所示。
          </p>
            </li>
            <li style="width: 38%">
              <div class="openImgBox">
                <img
                  src="../../assets/images/img00021003.jpg"
                  alt="选择TPC类型"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-21 选择TPC类型</p>
            </li>
          </ul>
          <p class="content">
            ï¼ˆ2)单击“窗口属性”按钮,弹出“用户窗口属性设置”对话框,在“基本属性”选项卡,将“窗口名称”修改为“常用构件使用”,单击“确认”按钮进行保存,如图1-23所示。
          </p>
@@ -1128,19 +1127,31 @@
      <div v-if="showPageList.indexOf(20) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <div class="fl ju-bt w100">
              <div>
                <div class="openImgBox">
                <img src="../../assets/images/img00022001.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022001.jpg"
                    alt="建立新窗口"
                    class="w100"
                  />
              </div>
                <p class="imgdescript">图1-22 建立新窗口</p>
              </div>
              <div class="">
                <div class="openImgBox">
                  <img src="../../assets/images/img00022002.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022002.jpg"
                    alt="窗口属性设置"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-23 窗口属性设置</p>
              </div>
@@ -1154,13 +1165,21 @@
            <div class="fl ju-bt">
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00022003.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022003.jpg"
                    alt="按钮制作"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-24 按钮制作</p>
              </div>
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00022004.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022004.jpg"
                    alt="标准按钮构件属性设置"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-25 标准按钮构件属性设置</p>
              </div>
@@ -1195,13 +1214,21 @@
          <div class="fl ju-bt">
            <div>
              <div class="openImgBox">
                  <img src="../../assets/images/img00023001.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00023001.jpg"
                  alt="按钮文字修改"
                  class="w100"
                />
                </div>
              <p class="imgdescript">图1-26 按钮文字修改</p>
            </div>
            <div>
              <div class="openImgBox">
                  <img src="../../assets/images/img00023002.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00023002.jpg"
                  alt="按钮排列"
                  class="w100"
                />
                </div>
              <p class="imgdescript">图1-27 按钮排列</p>
            </div>
@@ -1209,20 +1236,32 @@
  
          <div class="qrbodyPic">
            <div class="openImgBox">
                  <img src="../../assets/images/img00023003.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00023003.jpg"
                alt="添加指示灯"
                class="w100"
              />
                </div>
            <p class="imgdescript">图1-28 添加指示灯</p>
          </div>
          <div class="fl">
            <div>
              <div class="openImgBox">
                  <img src="../../assets/images/img00023004.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00023004.jpg"
                  alt="制作标签"
                  class="w100"
                />
                </div>
              <p class="imgdescript">图1-29 制作标签</p>
            </div>
            <div style="width: 66%">
              <div class="openImgBox">
                  <img src="../../assets/images/img00023005.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00023005.jpg"
                  alt="标签动画组态属性设置"
                  class="w100"
                />
                </div>
              <p class="imgdescript">图1-30 标签动画组态属性设置</p>
            </div>
@@ -1246,19 +1285,31 @@
      <div v-if="showPageList.indexOf(22) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <div class="fl">
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024001.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024001.jpg"
                    alt="制作输入框"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-31 制作输入框</p>
              </div>
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024002.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024002.jpg"
                    alt="输入框排列"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-32 输入框排列</p>
              </div>
@@ -1270,13 +1321,21 @@
            <div class="fl">
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024003.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024003.jpg"
                    alt="标准按钮构件属性设置”对话框"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-33 标准按钮构件属性设置”对话框</p>
              </div>
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024004.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024004.jpg"
                    alt="控制按钮设置"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-34 控制按钮设置</p>
              </div>
@@ -1303,7 +1362,11 @@
              <div style="width: 40%">
                <div class="qrbodyPic">
                  <div class="openImgBox">
                    <img src="../../assets/images/img00024005.jpg" alt="" class="w100">
                    <img
                      src="../../assets/images/img00024005.jpg"
                      alt="组态错误对话框"
                      class="w100"
                    />
                  </div>
                  <p class="imgdescript">图1-35 组态错误对话框</p>
                </div>
@@ -1335,13 +1398,21 @@
          <div class="fl">
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025001.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00025001.jpg"
                  alt="数据对象属性设置"
                  class="w100"
                />
                  </div>
              <p class="imgdescript">图1-36 数据对象属性设置</p>
            </div>
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025002.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00025002.jpg"
                  alt="按下功能设置"
                  class="w100"
                />
                  </div>
              <p class="imgdescript">图1-37 按下功能设置</p>
            </div>
@@ -1352,13 +1423,21 @@
          <div class="fl">
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025003.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00025003.jpg"
                  alt="选择数据对象指示灯"
                  class="w100"
                />
                  </div>
              <p class="imgdescript">图1-38 选择数据对象指示灯</p>
            </div>
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025004.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00025004.jpg"
                  alt="指示灯1属性操作"
                  class="w100"
                />
                  </div>
              <p class="imgdescript">图1-39 指示灯1属性操作</p>
            </div>
@@ -1384,7 +1463,11 @@
            </p>
            <div style="width: 30%">
              <div class="openImgBox">
                    <img src="../../assets/images/img00025006.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00025006.jpg"
                  alt="标准USB2.0打印机线"
                  class="w100"
                />
                  </div>
              <p class="imgdescript">图1-40 标准USB2.0打印机线</p>
            </div>
@@ -1413,7 +1496,11 @@
      <div v-if="showPageList.indexOf(24) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <p class="content t0">信测试正常后,单击“工程下载”按钮。</p>
@@ -1460,65 +1547,53 @@
                </el-carousel-item>
              </el-carousel> -->
              <div class="banshi openImgBox">
                  <div class="swiper-container">
                <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-one.png"
                          alt="选择“联机运行”和“通信测试”"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-two.png"
                          alt="工程下载"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-three.png"
                          alt="触摸“指示灯1”按钮"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-four.png"
                          alt="触摸“指示灯2”按钮"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-five.png"
                          alt="按下“指示灯1”按钮"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-six.png"
                          alt="按下“指示灯2”按钮"
                          />
                        </div>
                      </div>
@@ -1622,7 +1697,8 @@
              <td class="table-cn">
                å·¥ ä½œ å½¢ å¼ <br />
                <input type="checkbox" name="xingshi" value="prople" /> ä¸ªäºº
                <input type="checkbox" name="xingshi" value="fengong" /> å°ç»„分工
                <input type="checkbox" name="xingshi" value="fengong" />
                å°ç»„分工
                <input type="checkbox" name="xingshi" value="xiaozu" /> å°ç»„
              </td>
              <td colspan="2" class="table-cn">
@@ -1887,9 +1963,6 @@
  .p08 {
    padding: 0 8px;
  }
  // li {
  //   padding: 0 8px;
  // }
  li:last-child {
    border: 0;
  }
src/books/embedded/view/components/index.vue
@@ -228,6 +228,11 @@
    // å¤„理标记数据
    handelSignData(type, data) {
      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
        // ç«‹å³æ¸²æŸ“
        this.renderSign(type, data);
      }
      // å‚¨å­˜æ•°æ®
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
        this.renderSignMap[type][data.page] = [];
@@ -519,7 +524,7 @@
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-container");
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
@@ -527,7 +532,7 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // ä¸€ç»„三个
@@ -539,7 +544,7 @@
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
            ),
          },
          // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
src/books/lifeCare/components/carousel.vue
File was deleted
src/books/lifeCare/components/chapter01/table-1-1-1.vue
File was deleted
src/books/lifeCare/components/chapter01/table-1-1-2.vue
File was deleted
src/books/lifeCare/components/chapter01/table-1-1-3.vue
File was deleted
src/books/lifeCare/components/customTable.vue
File was deleted
src/books/lifeCare/components/header.vue
File was deleted
src/books/lifeCare/css/default.less
@@ -11,6 +11,11 @@
  border-color: #f49a4c;
  height: 100%;
  .swiper-button-prev,
  .swiper-button-next {
    color: #F49A4C;
  }
  textarea:focus,
  input:focus {
    border: 0 !important;
@@ -23,6 +28,12 @@
    text-indent: 2em;
    max-width: 653px;
    min-height: 100px;
  }
  .coverImg {
    position: absolute;
    top: 0;
    left: 0;
  }
  .prefaceImg {
@@ -329,6 +340,11 @@
      background-color: #eee;
    }
    .imgBox-003 {
      width: 100%;
      height: 220px;
    }
    .chapter01Table {
      width: 100%;
@@ -439,9 +455,40 @@
      }
    }
    .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%;
      height: 200px;
      display: block;
      min-height: 100px;
      input {
        width: 250px;
@@ -457,17 +504,6 @@
        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;
      }
    }
src/books/lifeCare/image/Cover.jpg
src/books/lifeCare/index.vue
@@ -47,6 +47,7 @@
        v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        @eventSwdt="swdtChange"
      />
      <chapterEight
        v-if="showCatalogList.indexOf(9) > -1"
@@ -122,6 +123,10 @@
import _ from "lodash";
import getQuestionList from "@/assets/methods/examination";
import testData from "./js/examinationList";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  data() {
    return {
@@ -135,7 +140,7 @@
      loadPageObserver: null,
      loadPageList: [],
      questionData: {},
      renderSignMap: {}
      renderSignMap: {},
    };
  },
  computed: {
@@ -168,7 +173,7 @@
          this.initObservation();
          this.initThemeColor();
        }, 500);
      }
      },
    },
    loadPageList: {
      handler(newVal, oldVal) {
@@ -177,8 +182,8 @@
          this.initSwiper();
          this.initViewer();
        }, 200);
      }
    }
      },
    },
  },
  mounted() {
    // é»˜è®¤åŠ è½½ç« èŠ‚
@@ -302,7 +307,7 @@
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength
            this.catalogLength,
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
@@ -550,7 +555,7 @@
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              text
              text,
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections:获取所有具有 .section ç±»åçš„元素,并转换为数组。
@@ -622,7 +627,7 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // ä¸€ç»„三个
@@ -630,7 +635,7 @@
          // å¦‚果需要前进后退按钮
          navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev"
            prevEl: ".swiper-button-prev",
          },
          // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
@@ -652,7 +657,7 @@
        new Viewer(dom, {
          navbar: true, // æ˜¾ç¤ºå¯¼èˆªæ 
          toolbar: true, // æ˜¾ç¤ºå·¥å…·æ 
          title: true // æ˜¾ç¤ºæ ‡é¢˜
          title: true, // æ˜¾ç¤ºæ ‡é¢˜
        });
      }
    },
@@ -707,6 +712,13 @@
        }
      }
    },
    swdtChange(data) {
      if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
        this.$store.state.qiankun.chooseWords({
          type: data,
        });
      }
    },
  },
  components: {
    front001,
src/books/lifeCare/view/chapter001.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="2">
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -1">
        <div class="bodystyle topImg">
          <h2 id="b001">
            <img class="img-0" alt="" src="../image/dy1.jpg" />
@@ -55,8 +55,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
    <div class="page-box" page="11">
      <div v-if="showPageList.indexOf(11) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -76,21 +76,16 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
            <!-- <p class="center">
              <el-image
                class="chapter001-img-0018"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
            </p>
            <!-- <p class="center">
            <img
              class="img-a"
              alt=""
              @click="previewOne()"
              src="../image/0018-1.jpg"
            />
          </p> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0018-1.jpg" />
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
@@ -178,8 +173,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -328,8 +323,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -1">
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -386,8 +381,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="11">
      <div v-if="showPageList.indexOf(11) > -1">
    <div class="page-box" page="14">
      <div v-if="showPageList.indexOf(14) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -453,8 +448,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -524,8 +519,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
    <div class="page-box" page="16">
      <div v-if="showPageList.indexOf(16) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -595,8 +590,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="14">
      <div v-if="showPageList.indexOf(14) > -1">
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1186,8 +1181,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
src/books/lifeCare/view/chapter002.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="3">
    <div class="page-box" page="16">
      <div v-if="showPageList.indexOf(16) > -1">
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <div class="bodystyle topImg">
          <h2 id="b002"><img class="img-0" alt="" src="../image/dy2.jpg" /></h2>
          <div class="bk">
@@ -53,8 +53,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -75,13 +75,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-a" alt="" src="../image/0027-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0027-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -98,8 +93,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -205,8 +200,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -374,8 +369,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -476,8 +471,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -537,8 +532,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -643,8 +638,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -836,8 +831,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -928,8 +923,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1064,20 +1059,15 @@
            4.介绍、分享,组长介绍设计墙面的思路、意义与目的,组员分享自己在活动过程中的心得。
          </p>
          <p>5.评分,由其他组按照设计来园提示卡的评分标准打分。</p>
          <p class="center">
            <el-image
              class="chapter002-img-0035"
              :src="picOneUrl"
              :preview-src-list="picArr"
            />
            <!-- <img class="img-b" alt="" src="../image/0035-2.jpg" /> -->
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0035-2.jpg" />
          </p>
          <p class="img">图1-2-1 来园提示卡</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1141,8 +1131,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1214,8 +1204,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1291,8 +1281,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
src/books/lifeCare/view/chapter003.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="4">
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
        <div class="bodystyle topImg">
          <h2 id="b003">
            <img class="img-0" alt="" src="../image/dy3.jpg" />
@@ -54,8 +54,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -76,13 +76,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-a" alt="" src="../image/0041-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0041-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -98,8 +93,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
    <div class="page-box" page="35">
      <div v-if="showPageList.indexOf(35) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -191,27 +186,54 @@
          <p>第五步:一手握另一手的拇指旋转搓擦,然后交换进行(见图1-3-5)。</p>
          <p>第六步:指尖在另一手的掌心搓擦(见图1-3-6)。</p>
          <p>第七步:旋转揉搓腕部至肘部(见图1-3-7)。</p>
          <el-carousel
            :interval="3000"
            :type="sevenImgList?.length > 2 ? 'card' : ''"
            indicator-position="none"
          >
            <el-carousel-item v-for="(item, i) in sevenImgList" :key="i">
              <div class="imgCarousel">
                <el-image
                  :src="item.url"
                  :preview-src-list="sevenSrcList"
                  :fit="'fill'"
                />
                <span v-if="item.name" class="medium">{{ item.name }}</span>
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0042-2.jpg" />
              </div>
            </el-carousel-item>
          </el-carousel>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0042-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0042-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-4.jpg" />
        </div>
      </div>
    </div>
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -343,8 +365,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
    <div class="page-box" page="37">
      <div v-if="showPageList.indexOf(37) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -465,8 +487,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="35">
      <div v-if="showPageList.indexOf(35) > -1">
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -589,8 +611,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
    <div class="page-box" page="39">
      <div v-if="showPageList.indexOf(39) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -648,8 +670,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="37">
      <div v-if="showPageList.indexOf(37) > -1">
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -770,8 +792,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
    <div class="page-box" page="41">
      <div v-if="showPageList.indexOf(41) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -835,8 +857,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="39">
      <div v-if="showPageList.indexOf(39) > -1">
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -989,8 +1011,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
    <div class="page-box" page="43">
      <div v-if="showPageList.indexOf(43) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1114,8 +1136,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="41">
      <div v-if="showPageList.indexOf(41) > -1">
    <div class="page-box" page="44">
      <div v-if="showPageList.indexOf(44) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1177,8 +1199,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
    <div class="page-box" page="45">
      <div v-if="showPageList.indexOf(45) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1320,8 +1342,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="43">
      <div v-if="showPageList.indexOf(43) > -1">
    <div class="page-box" page="46">
      <div v-if="showPageList.indexOf(46) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1435,8 +1457,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="44">
      <div v-if="showPageList.indexOf(44) > -1">
    <div class="page-box" page="47">
      <div v-if="showPageList.indexOf(47) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1495,8 +1517,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="45">
      <div v-if="showPageList.indexOf(45) > -1">
    <div class="page-box" page="48">
      <div v-if="showPageList.indexOf(48) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1701,8 +1723,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="46">
      <div v-if="showPageList.indexOf(46) > -1">
    <div class="page-box" page="49">
      <div v-if="showPageList.indexOf(49) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1848,8 +1870,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="47">
      <div v-if="showPageList.indexOf(47) > -1">
    <div class="page-box" page="50">
      <div v-if="showPageList.indexOf(50) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1864,7 +1886,7 @@
          </div>
        </div>
        <div class="bodystyle">
          <p class="center">
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0057-1.jpg" />
          </p>
          <p class="img">图1-3-8</p>
@@ -1897,8 +1919,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="48">
      <div v-if="showPageList.indexOf(48) > -1">
    <div class="page-box" page="51">
      <div v-if="showPageList.indexOf(51) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1989,17 +2011,6 @@
            </div>
          </div>
          <p><br /></p>
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0058-2.jpg" />
          </p>
          <p class="img">刷牙</p>
        </div> -->
          <p><b>②活动过程</b></p>
          <p>1.无牙期的口腔护理(见图1-3-9)。</p>
          <p>
@@ -2016,22 +2027,43 @@
          <p>
            ç¬¬äºŒæ­¥ï¼šè°ƒæ•´å¥½å©´å„¿åœ¨æ€€ä¸­çš„位置,使婴儿的头部尽量往后仰,然后将指套牙刷佩戴在手上,小心地擦拭婴儿的牙齿和牙龈部分,重点清理对象为牙齿与牙床交接的地方及牙缝,清除牙龈和乳牙上残留的奶渍和辅食,注意动作要轻柔。
          </p>
          <el-carousel
            :interval="3000"
            :type="picImageList?.length > 2 ? 'card' : ''"
            indicator-position="none"
          >
            <el-carousel-item v-for="(item, i) in picImageList" :key="i">
              <div class="imgCarousel">
                <el-image
                  :src="item.url"
                  :preview-src-list="picArr110"
                  :fit="'fill'"
                />
                <span v-if="item.name" class="medium">{{ item.name }}</span>
              </div>
            </el-carousel-item>
          </el-carousel>
      </div>
    </div>
    <div class="page-box" page="52">
      <div v-if="showPageList.indexOf(52) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <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">1-43</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0059-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0059-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p>3.一岁以上幼儿的口腔护理(见图1-3-11)。</p>
          <p>第一步:将牙刷用温水浸泡1~2分钟,使刷毛变得柔软。</p>
          <p>
@@ -2042,7 +2074,7 @@
          </p>
          <p>第四步:用温水含漱数次,直至牙膏泡沫完全漱干净为止。</p>
          <p>第五步:擦洗嘴角及面部残余水渍。</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0059-3.jpg" />
          </p>
          <p class="img">图1-3-11 巴氏刷牙法</p>
@@ -2060,19 +2092,18 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="49">
      <div v-if="showPageList.indexOf(49) > -1">
    <div class="page-box" page="53">
      <div v-if="showPageList.indexOf(53) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <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">1-43</span>
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-44</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2080,18 +2111,6 @@
          <p>
            2~4人为一组开展婴幼儿口腔清洁的模拟实训,其中一人操作,其他同学观摩。操作者一边实操一边讲解操作要领,其他同学按照婴幼儿口腔清洁的评分标准给操作者打分。
          </p>
          <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0060-1.jpg" />
          </p>
          <p class="img">婴幼儿口腔清洁的评分标准</p>
        </div> -->
          <h4 id="d028">
            â–¶â–¶ æ´»åЍ3:指导幼儿漱口<span class="fontsz1">>>>>>>>></span>
          </h4>
@@ -2139,17 +2158,6 @@
            </div>
          </div>
          <p><br /></p>
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0060-2.jpg" />
          </p>
          <p class="img">指导幼儿漱口</p>
        </div> -->
          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
          <p>
            è¯·è§‚看视频,观察视频中的幼儿在漱口时,保教人员都做了哪些指导。请画出漱口指导的流程图,记录指导幼儿漱口的儿歌并回答相关问题。
@@ -2187,18 +2195,19 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="50">
      <div v-if="showPageList.indexOf(50) > -1">
    <div class="page-box" page="54">
      <div v-if="showPageList.indexOf(54) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-44</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
          <div class="pageHeader-second">
            <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">1-45</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2282,17 +2291,6 @@
            </div>
          </div>
          <p><br /></p>
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0061-1.jpg" />
          </p>
          <p class="img">幼儿不良洗手习惯</p>
        </div> -->
          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
          <p>
            è¯·è§‚看视频,观察视频中的幼儿有哪些不良卫生习惯。如果有请指出问题,并提出改正的方法。
@@ -2310,19 +2308,18 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="51">
      <div v-if="showPageList.indexOf(51) > -1">
    <div class="page-box" page="55">
      <div v-if="showPageList.indexOf(55) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <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">1-45</span>
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-46</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2385,17 +2382,6 @@
            </div>
          </div>
          <p><br /></p>
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0062-1.jpg" />
          </p>
          <p class="img">幼儿的不良刷牙习惯</p>
        </div> -->
          <p><b>①活动准备</b></p>
          <p>1.环境准备:选择通风且采光良好的环境。</p>
          <p>
@@ -2436,18 +2422,19 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="52">
      <div v-if="showPageList.indexOf(52) > -1">
    <div class="page-box" page="56">
      <div v-if="showPageList.indexOf(56) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-46</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
          <div class="pageHeader-second">
            <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">1-47</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2501,19 +2488,18 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="53">
      <div v-if="showPageList.indexOf(53) > -1">
    <div class="page-box" page="57">
      <div v-if="showPageList.indexOf(57) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <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">1-47</span>
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-48</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2617,18 +2603,19 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="54">
      <div v-if="showPageList.indexOf(54) > -1">
    <div class="page-box" page="58">
      <div v-if="showPageList.indexOf(58) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-48</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
          <div class="pageHeader-second">
            <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">1-49</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2755,15 +2742,6 @@
          name: "图1-3-10",
          url: require("../image/0059-2.jpg"),
        },
      ],
      sevenSrcList: [
        "../image/0042-2.jpg",
        "../image/0042-3.jpg",
        "../image/0042-4.jpg",
        "../image/0043-1.jpg",
        "../image/0043-2.jpg",
        "../image/0043-3.jpg",
        "../image/0043-4.jpg",
      ],
      sevenImgList: [
        {
src/books/lifeCare/view/chapter004.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="5">
    <div class="page-box" page="55">
      <div v-if="showPageList.indexOf(55) > -1">
    <div class="page-box" page="59">
      <div v-if="showPageList.indexOf(59) > -1">
        <div class="bodystyle topImg">
          <h2 id="b004">
            <img class="img-0" alt="" src="../image/dy4.jpg" />
@@ -62,8 +62,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="56">
      <div v-if="showPageList.indexOf(56) > -1">
    <div class="page-box" page="60">
      <div v-if="showPageList.indexOf(60) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -84,13 +84,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-b" alt="" src="../image/0067-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-b" alt="" src="../image/0067-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -132,8 +127,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="57">
      <div v-if="showPageList.indexOf(57) > -1">
    <div class="page-box" page="61">
      <div v-if="showPageList.indexOf(61) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -218,8 +213,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="58">
      <div v-if="showPageList.indexOf(58) > -1">
    <div class="page-box" page="62">
      <div v-if="showPageList.indexOf(62) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -287,8 +282,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="59">
      <div v-if="showPageList.indexOf(59) > -1">
    <div class="page-box" page="63">
      <div v-if="showPageList.indexOf(63) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -404,8 +399,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="60">
      <div v-if="showPageList.indexOf(60) > -1">
    <div class="page-box" page="64">
      <div v-if="showPageList.indexOf(64) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -559,8 +554,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="61">
      <div v-if="showPageList.indexOf(61) > -1">
    <div class="page-box" page="65">
      <div v-if="showPageList.indexOf(65) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -627,8 +622,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="62">
      <div v-if="showPageList.indexOf(62) > -1">
    <div class="page-box" page="66">
      <div v-if="showPageList.indexOf(66) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -693,8 +688,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="63">
      <div v-if="showPageList.indexOf(63) > -1">
    <div class="page-box" page="67">
      <div v-if="showPageList.indexOf(67) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -749,8 +744,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="64">
      <div v-if="showPageList.indexOf(64) > -1">
    <div class="page-box" page="68">
      <div v-if="showPageList.indexOf(68) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -872,8 +867,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="65">
      <div v-if="showPageList.indexOf(65) > -1">
    <div class="page-box" page="69">
      <div v-if="showPageList.indexOf(69) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -937,8 +932,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="66">
      <div v-if="showPageList.indexOf(66) > -1">
    <div class="page-box" page="70">
      <div v-if="showPageList.indexOf(70) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -995,8 +990,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="67">
      <div v-if="showPageList.indexOf(67) > -1">
    <div class="page-box" page="71">
      <div v-if="showPageList.indexOf(71) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1115,8 +1110,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="68">
      <div v-if="showPageList.indexOf(68) > -1">
    <div class="page-box" page="72">
      <div v-if="showPageList.indexOf(72) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1171,8 +1166,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="69">
      <div v-if="showPageList.indexOf(69) > -1">
    <div class="page-box" page="73">
      <div v-if="showPageList.indexOf(73) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1269,8 +1264,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="70">
      <div v-if="showPageList.indexOf(70) > -1">
    <div class="page-box" page="74">
      <div v-if="showPageList.indexOf(74) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
src/books/lifeCare/view/chapter005.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="6">
    <div class="page-box" page="71">
      <div v-if="showPageList.indexOf(71) > -1">
    <div class="page-box" page="75">
      <div v-if="showPageList.indexOf(75) > -1">
        <div class="bodystyle topImg">
          <h2 id="b005">
            <img class="img-0" alt="" src="../image/dy5.jpg" />
@@ -62,8 +62,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="72">
      <div v-if="showPageList.indexOf(72) > -1">
    <div class="page-box" page="76">
      <div v-if="showPageList.indexOf(76) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -84,13 +84,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-a" alt="" src="../image/0083-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0083-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -109,8 +104,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="73">
      <div v-if="showPageList.indexOf(73) > -1">
    <div class="page-box" page="77">
      <div v-if="showPageList.indexOf(77) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -168,8 +163,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="74">
      <div v-if="showPageList.indexOf(74) > -1">
    <div class="page-box" page="78">
      <div v-if="showPageList.indexOf(78) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -290,8 +285,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="75">
      <div v-if="showPageList.indexOf(75) > -1">
    <div class="page-box" page="79">
      <div v-if="showPageList.indexOf(79) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -388,7 +383,30 @@
          </div>
          <p><br /></p>
          <p>3.小组讨论分析各位成员的一日食谱,评出最佳一日食谱。</p>
          <p>(1)请用图片形式呈现,并贴在下面。</p>
          <p class="pic-wall">(1)请用图片形式呈现,并贴在下面。<span class="btnUpload-list" @click="handFile('fileTwo')">
            <svg
                t="1717059899765"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2633"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="18"
                height="18"
              >
                <path
                  d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                  p-id="2634"
                ></path>
                <path
                  d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                  p-id="2635"
                >
              </path>
              </svg>
            </span>
          </p>
          <!-- <div class="bk-tx">
          <textarea
            v-model="chapter005.textAreaItem.text7"
@@ -404,16 +422,11 @@
              v-if="chapter005.pictrueListTwo.length > 0"
            >
              <div
                class="demo-image__preview"
                class="demo-image__preview openImgBox"
                v-for="item in chapter005.pictrueListTwo"
                :key="item"
              >
                <el-image
                  style="height: 100%"
                  :src="item"
                  :preview-src-list="chapter005.pictrueListTwo"
                >
                </el-image>
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
@@ -422,14 +435,13 @@
                id="fileTwo"
                @change="handUploadFile($event, '2')"
              />
              <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="76">
      <div v-if="showPageList.indexOf(76) > -1">
    <div class="page-box" page="80">
      <div v-if="showPageList.indexOf(80) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -546,8 +558,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="77">
      <div v-if="showPageList.indexOf(77) > -1">
    <div class="page-box" page="81">
      <div v-if="showPageList.indexOf(81) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -712,8 +724,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="78">
      <div v-if="showPageList.indexOf(78) > -1">
    <div class="page-box" page="82">
      <div v-if="showPageList.indexOf(82) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -818,8 +830,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="79">
      <div v-if="showPageList.indexOf(79) > -1">
    <div class="page-box" page="83">
      <div v-if="showPageList.indexOf(83) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -923,8 +935,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="80">
      <div v-if="showPageList.indexOf(80) > -1">
    <div class="page-box" page="84">
      <div v-if="showPageList.indexOf(84) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -998,8 +1010,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="81">
      <div v-if="showPageList.indexOf(81) > -1">
    <div class="page-box" page="85">
      <div v-if="showPageList.indexOf(85) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1061,8 +1073,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="82">
      <div v-if="showPageList.indexOf(82) > -1">
    <div class="page-box" page="86">
      <div v-if="showPageList.indexOf(86) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1231,8 +1243,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="83">
      <div v-if="showPageList.indexOf(83) > -1">
    <div class="page-box" page="87">
      <div v-if="showPageList.indexOf(87) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1320,8 +1332,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="84">
      <div v-if="showPageList.indexOf(84) > -1">
    <div class="page-box" page="88">
      <div v-if="showPageList.indexOf(88) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1393,8 +1405,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="85">
      <div v-if="showPageList.indexOf(85) > -1">
    <div class="page-box" page="89">
      <div v-if="showPageList.indexOf(89) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1501,8 +1513,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="86">
      <div v-if="showPageList.indexOf(86) > -1">
    <div class="page-box" page="90">
      <div v-if="showPageList.indexOf(90) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1724,8 +1736,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="87">
      <div v-if="showPageList.indexOf(87) > -1">
    <div class="page-box" page="91">
      <div v-if="showPageList.indexOf(91) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1895,8 +1907,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="88">
      <div v-if="showPageList.indexOf(88) > -1">
    <div class="page-box" page="92">
      <div v-if="showPageList.indexOf(92) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2010,8 +2022,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="89">
      <div v-if="showPageList.indexOf(89) > -1">
    <div class="page-box" page="93">
      <div v-if="showPageList.indexOf(93) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2074,8 +2086,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="90">
      <div v-if="showPageList.indexOf(90) > -1">
    <div class="page-box" page="94">
      <div v-if="showPageList.indexOf(94) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2248,8 +2260,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="91">
      <div v-if="showPageList.indexOf(91) > -1">
    <div class="page-box" page="95">
      <div v-if="showPageList.indexOf(95) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2334,8 +2346,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="92">
      <div v-if="showPageList.indexOf(92) > -1">
    <div class="page-box" page="96">
      <div v-if="showPageList.indexOf(96) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2398,8 +2410,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="93">
      <div v-if="showPageList.indexOf(93) > -1">
    <div class="page-box" page="97">
      <div v-if="showPageList.indexOf(97) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2461,8 +2473,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="94">
      <div v-if="showPageList.indexOf(94) > -1">
    <div class="page-box" page="98">
      <div v-if="showPageList.indexOf(98) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2540,8 +2552,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="95">
      <div v-if="showPageList.indexOf(95) > -1">
    <div class="page-box" page="99">
      <div v-if="showPageList.indexOf(99) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2657,8 +2669,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="96">
      <div v-if="showPageList.indexOf(96) > -1">
    <div class="page-box" page="100">
      <div v-if="showPageList.indexOf(100) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2666,7 +2678,7 @@
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-91</span>
                <span class="pageNum">1-95</span>
              </div>
            </div>
            <div class="borderLine"></div>
@@ -2776,8 +2788,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="97">
      <div v-if="showPageList.indexOf(97) > -1">
    <div class="page-box" page="101">
      <div v-if="showPageList.indexOf(101) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2835,8 +2847,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="98">
      <div v-if="showPageList.indexOf(98) > -1">
    <div class="page-box" page="102">
      <div v-if="showPageList.indexOf(102) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2930,8 +2942,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="99">
      <div v-if="showPageList.indexOf(99) > -1">
    <div class="page-box" page="103">
      <div v-if="showPageList.indexOf(103) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -3674,7 +3686,7 @@
        });
    },
    handFile(str) {
      let dom = document.getElementById(str);
      let dom = (this.container ? this.container : document).getElementById(str);
      dom.click();
    },
    drawflowDataClick(val) {
src/books/lifeCare/view/chapter006.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="7">
    <div class="page-box" page="100">
      <div v-if="showPageList.indexOf(100) > -1">
    <div class="page-box" page="104">
      <div v-if="showPageList.indexOf(104) > -1">
        <div class="bodystyle topImg">
          <h2 id="b006"><img class="img-0" alt="" src="../image/dy6.jpg" /></h2>
          <div class="bk">
@@ -49,8 +49,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="101">
      <div v-if="showPageList.indexOf(101) > -1">
    <div class="page-box" page="105">
      <div v-if="showPageList.indexOf(105) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -70,13 +70,13 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
            <p class="center openImgBox">
              <!-- <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-b" alt="" src="../image/0112-1.jpg" /> -->
              /> -->
              <img class="img-b" alt="" src="../image/0112-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -114,8 +114,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="102">
      <div v-if="showPageList.indexOf(102) > -1">
    <div class="page-box" page="106">
      <div v-if="showPageList.indexOf(106) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -180,8 +180,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="103">
      <div v-if="showPageList.indexOf(103) > -1">
    <div class="page-box" page="107">
      <div v-if="showPageList.indexOf(107) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -288,8 +288,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="104">
      <div v-if="showPageList.indexOf(104) > -1">
    <div class="page-box" page="108">
      <div v-if="showPageList.indexOf(108) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -349,8 +349,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="105">
      <div v-if="showPageList.indexOf(105) > -1">
    <div class="page-box" page="109">
      <div v-if="showPageList.indexOf(109) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -404,8 +404,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="106">
      <div v-if="showPageList.indexOf(106) > -1">
    <div class="page-box" page="110">
      <div v-if="showPageList.indexOf(110) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -461,8 +461,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="107">
      <div v-if="showPageList.indexOf(107) > -1">
    <div class="page-box" page="111">
      <div v-if="showPageList.indexOf(111) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -521,8 +521,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="108">
      <div v-if="showPageList.indexOf(108) > -1">
    <div class="page-box" page="112">
      <div v-if="showPageList.indexOf(112) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -585,8 +585,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="109">
      <div v-if="showPageList.indexOf(109) > -1">
    <div class="page-box" page="113">
      <div v-if="showPageList.indexOf(113) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -733,8 +733,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="110">
      <div v-if="showPageList.indexOf(110) > -1">
    <div class="page-box" page="114">
      <div v-if="showPageList.indexOf(114) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -797,8 +797,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="111">
      <div v-if="showPageList.indexOf(111) > -1">
    <div class="page-box" page="115">
      <div v-if="showPageList.indexOf(115) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1020,8 +1020,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="112">
      <div v-if="showPageList.indexOf(112) > -1">
    <div class="page-box" page="116">
      <div v-if="showPageList.indexOf(116) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1204,8 +1204,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="113">
      <div v-if="showPageList.indexOf(113) > -1">
    <div class="page-box" page="117">
      <div v-if="showPageList.indexOf(117) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
src/books/lifeCare/view/chapter007.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="8">
    <div class="page-box" page="114">
      <div v-if="showPageList.indexOf(114) > -1">
    <div class="page-box" page="118">
      <div v-if="showPageList.indexOf(118) > -1">
        <div class="bodystyle topImg">
          <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2>
          <div class="bk">
@@ -50,8 +50,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="115">
      <div v-if="showPageList.indexOf(115) > -1">
    <div class="page-box" page="119">
      <div v-if="showPageList.indexOf(119) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -71,13 +71,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-a" alt="" src="../image/0126-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0126-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -101,8 +96,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="116">
      <div v-if="showPageList.indexOf(116) > -1">
    <div class="page-box" page="120">
      <div v-if="showPageList.indexOf(120) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -219,8 +214,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="117">
      <div v-if="showPageList.indexOf(117) > -1">
    <div class="page-box" page="121">
      <div v-if="showPageList.indexOf(121) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -304,8 +299,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="118">
      <div v-if="showPageList.indexOf(118) > -1">
    <div class="page-box" page="122">
      <div v-if="showPageList.indexOf(122) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -364,8 +359,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="119">
      <div v-if="showPageList.indexOf(119) > -1">
    <div class="page-box" page="123">
      <div v-if="showPageList.indexOf(123) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -521,8 +516,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="120">
      <div v-if="showPageList.indexOf(120) > -1">
    <div class="page-box" page="124">
      <div v-if="showPageList.indexOf(124) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -562,23 +557,42 @@
              @blur="onBlurChange('text12')"
            ></textarea>
          </div>
          <p>3.观察并收集婴幼儿的睡眠信号。若有照片,可贴在下面。</p>
          <p class="pic-wall">
            3.观察并收集婴幼儿的睡眠信号。若有照片,可贴在下面。
            <span class="btnUpload-list" @click="handFile('fileTwo')">
              <svg
                t="1717059899765"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2633"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="18"
                height="18"
              >
                <path
                  d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                  p-id="2634"
                ></path>
                <path
                  d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                  p-id="2635"
                ></path>
              </svg>
            </span>
          </p>
          <div class="bk-tx">
            <div
              class="upload-list"
              v-if="chapter007.pictrueListTwo.length > 0"
            >
              <div
                class="demo-image__preview"
                class="demo-image__preview openImgBox"
                v-for="item in chapter007.pictrueListTwo"
                :key="item"
              >
                <el-image
                  style="height: 100%"
                  :src="item"
                  :preview-src-list="chapter007.pictrueListTwo"
                >
                </el-image>
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
@@ -587,7 +601,6 @@
                id="fileTwo"
                @change="handUploadFile($event, '2')"
              />
              <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
            </div>
          </div>
          <p>4.查阅阅读手册,研讨及归纳婴幼儿的睡眠信号。</p>
@@ -641,8 +654,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="121">
      <div v-if="showPageList.indexOf(121) > -1">
    <div class="page-box" page="125">
      <div v-if="showPageList.indexOf(125) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -697,8 +710,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="122">
      <div v-if="showPageList.indexOf(122) > -1">
    <div class="page-box" page="126">
      <div v-if="showPageList.indexOf(126) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -912,8 +925,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="123">
      <div v-if="showPageList.indexOf(123) > -1">
    <div class="page-box" page="127">
      <div v-if="showPageList.indexOf(127) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1139,8 +1152,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="124">
      <div v-if="showPageList.indexOf(124) > -1">
    <div class="page-box" page="128">
      <div v-if="showPageList.indexOf(128) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1197,8 +1210,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="125">
      <div v-if="showPageList.indexOf(125) > -1">
    <div class="page-box" page="129">
      <div v-if="showPageList.indexOf(129) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1353,8 +1366,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="126">
      <div v-if="showPageList.indexOf(126) > -1">
    <div class="page-box" page="130">
      <div v-if="showPageList.indexOf(130) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1377,19 +1390,6 @@
            />
          </p>
          <div class="bk-tx" style="min-height: 200px">
            <div class="bk-iframe" v-if="chapter007.isShowSwdt">
              <div class="header-swdt">
                <p>思维导图</p>
                <i class="el-icon-close" @click="showSwdt"></i>
              </div>
              <iframe
                width="100%"
                height="600px"
                frameborder="0"
                scrolling="no"
                src="https://www.iodraw.com/mind"
              ></iframe>
            </div>
            <div
              class="bk-inputUpload"
              v-if="chapter007.pictrueList.length == 0"
@@ -1399,23 +1399,39 @@
                id="fileOne"
                @change="handUploadFile($event, 1)"
              />
              <span class="btnUpload" @click="handFile('fileOne')">+</span>
              <span class="btnUpload" @click="handFile('fileOne')">
                <svg
                  t="1717059899765"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2633"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="200"
                  height="200"
                >
                  <path
                    d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                    p-id="2634"
                  ></path>
                  <path
                    d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                    p-id="2635"
                  ></path>
                </svg>
              </span>
            </div>
            <div
              style="width: 100%; height: 100%"
              v-if="chapter007.pictrueList.length > 0"
            >
              <div
                class="demo-image__preview-swdt"
                class="demo-image__preview-swdt openImgBox"
                v-for="item in chapter007.pictrueList"
                :key="item"
              >
                <el-image
                  style="width: 100%"
                  :src="item"
                  :preview-src-list="chapter007.pictrueList"
                >
                </el-image>
                <img style="width: 100%" :src="item" alt="" />
              </div>
            </div>
          </div>
@@ -1462,7 +1478,7 @@
          <p>(2)如何有效地营造氛围?</p>
          <div class="bk-tx">
            <p class="left">播放音乐</p>
            <<textarea
            <textarea
              v-model="chapter007.textAreaItem.text31"
              style="border: 0"
              placeholder="请输入内容"
@@ -1483,8 +1499,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="127">
      <div v-if="showPageList.indexOf(127) > -1">
    <div class="page-box" page="131">
      <div v-if="showPageList.indexOf(131) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1606,8 +1622,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="128">
      <div v-if="showPageList.indexOf(128) > -1">
    <div class="page-box" page="132">
      <div v-if="showPageList.indexOf(132) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1622,23 +1638,42 @@
          </div>
        </div>
        <div class="bodystyle">
          <p>2.拍摄或绘制婴幼儿的各种睡姿。</p>
          <p class="pic-wall">
            2.拍摄或绘制婴幼儿的各种睡姿。
            <span class="btnUpload-list" @click="handFile('fileThree')">
              <svg
                t="1717059899765"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2633"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="18"
                height="18"
              >
                <path
                  d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                  p-id="2634"
                ></path>
                <path
                  d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                  p-id="2635"
                ></path>
              </svg>
            </span>
          </p>
          <div class="bk-tx">
            <div
              class="upload-list"
              v-if="chapter007.pictrueListThree.length > 0"
            >
              <div
                class="demo-image__preview"
                class="demo-image__preview openImgBox"
                v-for="item in chapter007.pictrueListThree"
                :key="item"
              >
                <el-image
                  style="height: 100%"
                  :src="item"
                  :preview-src-list="chapter007.pictrueListThree"
                >
                </el-image>
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
@@ -1647,9 +1682,6 @@
                id="fileThree"
                @change="handUploadFile($event, '3')"
              />
              <span class="btnUpload-list" @click="handFile('fileThree')"
                >+</span
              >
            </div>
          </div>
          <div class="bk-qjms">
@@ -1715,8 +1747,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="129">
      <div v-if="showPageList.indexOf(129) > -1">
    <div class="page-box" page="133">
      <div v-if="showPageList.indexOf(133) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1816,8 +1848,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="130">
      <div v-if="showPageList.indexOf(130) > -1">
    <div class="page-box" page="134">
      <div v-if="showPageList.indexOf(134) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1902,8 +1934,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="131">
      <div v-if="showPageList.indexOf(131) > -1">
    <div class="page-box" page="135">
      <div v-if="showPageList.indexOf(135) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1971,8 +2003,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="132">
      <div v-if="showPageList.indexOf(132) > -1">
    <div class="page-box" page="136">
      <div v-if="showPageList.indexOf(136) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1980,7 +2012,7 @@
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-127</span>
                <span class="pageNum">1-126</span>
              </div>
            </div>
            <div class="borderLine"></div>
@@ -2051,8 +2083,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="133">
      <div v-if="showPageList.indexOf(133) > -1">
    <div class="page-box" page="137">
      <div v-if="showPageList.indexOf(137) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2173,8 +2205,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="134">
      <div v-if="showPageList.indexOf(134) > -1">
    <div class="page-box" page="138">
      <div v-if="showPageList.indexOf(138) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2295,8 +2327,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="135">
      <div v-if="showPageList.indexOf(135) > -1">
    <div class="page-box" page="139">
      <div v-if="showPageList.indexOf(139) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2421,8 +2453,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="136">
      <div v-if="showPageList.indexOf(136) > -1">
    <div class="page-box" page="140">
      <div v-if="showPageList.indexOf(140) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2874,7 +2906,7 @@
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    showSwdt() {
      this.chapter007.isShowSwdt = !this.chapter007.isShowSwdt;
      this.$emit("eventSwdt", "swdt");
    },
    handUploadFile(e, type) {
      var that = this;
@@ -2913,7 +2945,9 @@
        });
    },
    handFile(str) {
      let dom = document.getElementById(str);
      let dom = (this.container ? this.container : document).getElementById(
        str
      );
      dom.click();
    },
  },
src/books/lifeCare/view/chapter008.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="9">
    <div class="page-box" page="137">
      <div v-if="showPageList.indexOf(137) > -1">
    <div class="page-box" page="141">
      <div v-if="showPageList.indexOf(141) > -1">
        <div class="bodystyle topImg">
          <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2>
          <div class="bk">
@@ -45,8 +45,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="138">
      <div v-if="showPageList.indexOf(138) > -1">
    <div class="page-box" page="142">
      <div v-if="showPageList.indexOf(142) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -67,7 +67,7 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0148-1.jpg" />
            </p>
          </div>
@@ -110,8 +110,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="139">
      <div v-if="showPageList.indexOf(139) > -1">
    <div class="page-box" page="143">
      <div v-if="showPageList.indexOf(143) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -217,8 +217,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="140">
      <div v-if="showPageList.indexOf(140) > -1">
    <div class="page-box" page="144">
      <div v-if="showPageList.indexOf(144) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -364,8 +364,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="141">
      <div v-if="showPageList.indexOf(141) > -1">
    <div class="page-box" page="145">
      <div v-if="showPageList.indexOf(145) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -522,8 +522,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="142">
      <div v-if="showPageList.indexOf(142) > -1">
    <div class="page-box" page="146">
      <div v-if="showPageList.indexOf(146) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -598,8 +598,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="143">
      <div v-if="showPageList.indexOf(143) > -1">
    <div class="page-box" page="147">
      <div v-if="showPageList.indexOf(147) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -659,8 +659,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="144">
      <div v-if="showPageList.indexOf(144) > -1">
    <div class="page-box" page="148">
      <div v-if="showPageList.indexOf(148) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -877,8 +877,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="145">
      <div v-if="showPageList.indexOf(145) > -1">
    <div class="page-box" page="149">
      <div v-if="showPageList.indexOf(149) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1000,8 +1000,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="146">
      <div v-if="showPageList.indexOf(146) > -1">
    <div class="page-box" page="150">
      <div v-if="showPageList.indexOf(150) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
src/books/lifeCare/view/chapter009.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="10">
    <div class="page-box" page="147">
      <div v-if="showPageList.indexOf(147) > -1">
    <div class="page-box" page="151">
      <div v-if="showPageList.indexOf(151) > -1">
        <div class="bodystyle">
          <template>
            <p class="center">
src/books/lifeCare/view/chapter010.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="11">
    <div class="page-box" page="148">
      <div v-if="showPageList.indexOf(148) > -1">
    <div class="page-box" page="152">
      <div v-if="showPageList.indexOf(152) > -1">
        <div class="bodystyle topImg">
          <h2 id="b009"><img class="img-0" alt="" src="../image/zt1.jpg" /></h2>
          <div class="bk">
@@ -71,12 +71,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="149">
      <div v-if="showPageList.indexOf(149) > -1">
    <div class="page-box" page="153">
      <div v-if="showPageList.indexOf(153) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -193,13 +190,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="150">
      <div v-if="showPageList.indexOf(150) > -1">
    <div class="page-box" page="154">
      <div v-if="showPageList.indexOf(154) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -309,11 +302,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="151">
      <div v-if="showPageList.indexOf(151) > -1">
    <div class="page-box" page="155">
      <div v-if="showPageList.indexOf(155) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -351,12 +342,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="152">
      <div v-if="showPageList.indexOf(152) > -1">
    <div class="page-box" page="156">
      <div v-if="showPageList.indexOf(156) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -395,18 +383,15 @@
            æ‰˜è‚²æœºæž„的一日生活是指根据婴幼儿身心发展的特点,对他们在托育机构内一日生活的每个环节在内容、时间、顺序、次数和间隔时间上做的安排(见表2-1-1)。
          </p>
          <p class="img">表2-1-1 托育机构一日生活举例(夏季)</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0168-1.jpg" />
          </p>
        </div>
      </div>
    </div>
    <!-- ä¸Šä¸‹åˆ†å‰²è¡¨æ ¼ -->
    <div class="page-box" page="153">
      <div v-if="showPageList.indexOf(153) > -1">
    <div class="page-box" page="157">
      <div v-if="showPageList.indexOf(157) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -420,9 +405,8 @@
            </div>
          </div>
        </div>
        <div class="bodystyle">
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0168-1.jpg" />
          </p>
          <h4 class="h4-zt" id="d099">(二)合理的一日生活的意义</h4>
@@ -436,12 +420,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="154">
      <div v-if="showPageList.indexOf(154) > -1">
    <div class="page-box" page="158">
      <div v-if="showPageList.indexOf(158) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -499,13 +480,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="155">
      <div v-if="showPageList.indexOf(155) > -1">
    <div class="page-box" page="159">
      <div v-if="showPageList.indexOf(159) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -519,7 +496,6 @@
            </div>
          </div>
        </div>
        <div class="bodystyle">
          <p>
            ç¬¬ä¸ƒï¼Œæ‰˜è‚²æœºæž„应当建立照护服务日常记录和反馈制度,定期与婴幼儿的监护人沟通婴幼儿的发展情况。
@@ -547,10 +523,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="156">
      <div v-if="showPageList.indexOf(156) > -1">
    <div class="page-box" page="160">
      <div v-if="showPageList.indexOf(160) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -565,7 +540,6 @@
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
          <h4 class="h4-zt" id="d102">(五)托育机构一日生活保育的主要内容</h4>
          <p>
@@ -574,19 +548,14 @@
          <p class="img">
            è¡¨2-1-2 某托育机构一日生活保育的流程及人员分工(托班)
          </p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0172-1.jpg" />
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="157">
      <div v-if="showPageList.indexOf(157) > -1">
    <div class="page-box" page="161">
      <div v-if="showPageList.indexOf(161) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -603,17 +572,14 @@
        <div class="bodystyle">
          <p class="img-right">续表</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0173-1.jpg" />
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="158">
      <div v-if="showPageList.indexOf(158) > -1">
    <div class="page-box" page="162">
      <div v-if="showPageList.indexOf(162) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -628,10 +594,9 @@
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
          <p class="img-right">续表</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0174-1.jpg" />
          </p>
          <div class="bk-tx">
@@ -641,16 +606,12 @@
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter010",
  name: "chapter-010",
  props: {
    showPageList: {
      type: Array,
@@ -660,9 +621,6 @@
      type: Object,
    },
  },
  data() {
    return {
      chapter010: {
src/books/lifeCare/view/chapter011.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="12">
    <div class="page-box" page="159">
      <div v-if="showPageList.indexOf(159) > -1">
    <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>
          <div class="bk">
@@ -61,12 +61,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="160">
      <div v-if="showPageList.indexOf(160) > -1">
    <div class="page-box" page="164">
      <div v-if="showPageList.indexOf(164) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -117,10 +114,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="161">
      <div v-if="showPageList.indexOf(161) > -1">
    <div class="page-box" page="165">
      <div v-if="showPageList.indexOf(165) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -171,15 +167,9 @@
          <p>③所有物品应按指定的归纳位置分类摆放,做到整洁、美观。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="162">
      <div v-if="showPageList.indexOf(162) > -1">
    <div class="page-box" page="166">
      <div v-if="showPageList.indexOf(166) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -232,12 +222,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="163">
      <div v-if="showPageList.indexOf(163) > -1">
    <div class="page-box" page="167">
      <div v-if="showPageList.indexOf(167) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -291,10 +278,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="164">
      <div v-if="showPageList.indexOf(164) > -1">
    <div class="page-box" page="168">
      <div v-if="showPageList.indexOf(168) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -339,10 +325,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="165">
      <div v-if="showPageList.indexOf(165) > -1">
    <div class="page-box" page="169">
      <div v-if="showPageList.indexOf(169) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -386,15 +370,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="166">
      <div v-if="showPageList.indexOf(166) > -1">
    <div class="page-box" page="170">
      <div v-if="showPageList.indexOf(170) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
src/books/lifeCare/view/chapter012.vue
@@ -1,8 +1,7 @@
<template>
  <div class="chapter" num="13">
    <div class="page-box" page="167">
      <div v-if="showPageList.indexOf(167) > -1">
    <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>
          <div class="bk">
@@ -52,11 +51,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="168">
      <div v-if="showPageList.indexOf(168) > -1">
    <div class="page-box" page="172">
      <div v-if="showPageList.indexOf(172) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -107,12 +104,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="169">
      <div v-if="showPageList.indexOf(169) > -1">
    <div class="page-box" page="173">
      <div v-if="showPageList.indexOf(173) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -221,11 +215,9 @@
          <p>⑤培养婴幼儿的自理能力,不包办代替,培养婴幼儿良好的盥洗习惯。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="170">
      <div v-if="showPageList.indexOf(170) > -1">
    <div class="page-box" page="174">
      <div v-if="showPageList.indexOf(174) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -276,11 +268,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="171">
      <div v-if="showPageList.indexOf(171) > -1">
    <div class="page-box" page="175">
      <div v-if="showPageList.indexOf(175) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -324,16 +314,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="172">
      <div v-if="showPageList.indexOf(172) > -1">
    <div class="page-box" page="176">
      <div v-if="showPageList.indexOf(176) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -384,13 +367,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="173">
      <div v-if="showPageList.indexOf(173) > -1">
    <div class="page-box" page="177">
      <div v-if="showPageList.indexOf(177) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -436,12 +415,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="174">
      <div v-if="showPageList.indexOf(174) > -1">
    <div class="page-box" page="178">
      <div v-if="showPageList.indexOf(178) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -490,13 +466,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="175">
      <div v-if="showPageList.indexOf(175) > -1">
    <div class="page-box" page="179">
      <div v-if="showPageList.indexOf(179) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -544,8 +516,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="176">
      <div v-if="showPageList.indexOf(176) > -1">
    <div class="page-box" page="180">
      <div v-if="showPageList.indexOf(180) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -583,13 +555,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="177">
      <div v-if="showPageList.indexOf(177) > -1">
    <div class="page-box" page="181">
      <div v-if="showPageList.indexOf(181) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -627,13 +595,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="178">
      <div v-if="showPageList.indexOf(178) > -1">
    <div class="page-box" page="182">
      <div v-if="showPageList.indexOf(182) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -664,14 +628,12 @@
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter012",
  name: "chapter-012",
  props: {
    showPageList: {
      type: Array,
src/books/lifeCare/view/chapter013.vue
@@ -1,8 +1,7 @@
<template>
  <div class="chapter" num="14">
    <div class="page-box" page="179">
      <div v-if="showPageList.indexOf(179) > -1">
    <div class="page-box" page="183">
      <div v-if="showPageList.indexOf(183) > -1">
        <div class="bodystyle topImg">
          <h2 id="b012"><img class="img-0" alt="" src="../image/zt4.jpg" /></h2>
          <div class="bk">
@@ -72,13 +71,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="180">
      <div v-if="showPageList.indexOf(180) > -1">
    <div class="page-box" page="184">
      <div v-if="showPageList.indexOf(184) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -118,14 +113,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="181">
      <div v-if="showPageList.indexOf(181) > -1">
    <div class="page-box" page="185">
      <div v-if="showPageList.indexOf(185) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -171,13 +161,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="182">
      <div v-if="showPageList.indexOf(182) > -1">
    <div class="page-box" page="186">
      <div v-if="showPageList.indexOf(186) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -218,13 +204,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="183">
      <div v-if="showPageList.indexOf(183) > -1">
    <div class="page-box" page="187">
      <div v-if="showPageList.indexOf(187) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -277,11 +259,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="184">
      <div v-if="showPageList.indexOf(184) > -1">
    <div class="page-box" page="188">
      <div v-if="showPageList.indexOf(188) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -337,14 +317,9 @@
          <p>购买适合婴幼儿使用的便盆,选择正规厂家生产的安全、容易清洗、无</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="185">
      <div v-if="showPageList.indexOf(185) > -1">
    <div class="page-box" page="189">
      <div v-if="showPageList.indexOf(189) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -393,10 +368,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="186">
      <div v-if="showPageList.indexOf(186) > -1">
    <div class="page-box" page="190">
      <div v-if="showPageList.indexOf(190) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -427,12 +401,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="187">
      <div v-if="showPageList.indexOf(187) > -1">
    <div class="page-box" page="191">
      <div v-if="showPageList.indexOf(191) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -487,13 +458,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="188">
      <div v-if="showPageList.indexOf(188) > -1">
    <div class="page-box" page="192">
      <div v-if="showPageList.indexOf(192) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -540,11 +507,9 @@
          <p>⑦保育员应提醒婴幼儿便后冲水和按次序洗手。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="189">
      <div v-if="showPageList.indexOf(189) > -1">
    <div class="page-box" page="193">
      <div v-if="showPageList.indexOf(193) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -593,14 +558,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="190">
      <div v-if="showPageList.indexOf(190) > -1">
    <div class="page-box" page="194">
      <div v-if="showPageList.indexOf(194) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -635,15 +595,13 @@
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter013",
  name: "chapter-013",
  props: {
src/books/lifeCare/view/chapter014.vue
@@ -1,8 +1,7 @@
<template>
  <div class="chapter" num="15">
    <div class="page-box" page="191">
      <div v-if="showPageList.indexOf(191) > -1">
    <div class="page-box" page="195">
      <div v-if="showPageList.indexOf(195) > -1">
        <div class="bodystyle topImg">
          <h2 id="b013"><img class="img-0" alt="" src="../image/zt5.jpg" /></h2>
          <div class="bk">
@@ -78,12 +77,9 @@
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="192">
      <div v-if="showPageList.indexOf(192) > -1">
    <div class="page-box" page="196">
      <div v-if="showPageList.indexOf(196) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -125,14 +121,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="193">
      <div v-if="showPageList.indexOf(193) > -1">
    <div class="page-box" page="197">
      <div v-if="showPageList.indexOf(197) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -171,15 +162,10 @@
          </p>
        </div>
      </div>
    </div>
    <!-- ä¸Šä¸‹è¡¨æ ¼æ‹†åˆ† -->
    <div class="page-box" page="194">
      <div v-if="showPageList.indexOf(194) > -1">
    <div class="page-box" page="198">
      <div v-if="showPageList.indexOf(198) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -222,12 +208,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="195">
      <div v-if="showPageList.indexOf(195) > -1">
    <div class="page-box" page="199">
      <div v-if="showPageList.indexOf(199) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -275,13 +258,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="196">
      <div v-if="showPageList.indexOf(196) > -1">
    <div class="page-box" page="200">
      <div v-if="showPageList.indexOf(200) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -333,13 +312,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="197">
      <div v-if="showPageList.indexOf(197) > -1">
    <div class="page-box" page="201">
      <div v-if="showPageList.indexOf(201) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -383,11 +358,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="198">
      <div v-if="showPageList.indexOf(198) > -1">
    <div class="page-box" page="202">
      <div v-if="showPageList.indexOf(202) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -439,14 +412,9 @@
          <p>尽早教会婴幼儿自己动手吃饭,可以提高婴幼儿进餐的兴趣。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="199">
      <div v-if="showPageList.indexOf(199) > -1">
    <div class="page-box" page="203">
      <div v-if="showPageList.indexOf(203) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -680,13 +648,9 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="200">
      <div v-if="showPageList.indexOf(200) > -1">
    <div class="page-box" page="204">
      <div v-if="showPageList.indexOf(204) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -742,11 +706,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="201">
      <div v-if="showPageList.indexOf(201) > -1">
    <div class="page-box" page="205">
      <div v-if="showPageList.indexOf(205) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -912,13 +874,9 @@
          <p class="img">图2-5-3 食物加盖保温</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="202">
      <div v-if="showPageList.indexOf(202) > -1">
    <div class="page-box" page="206">
      <div v-if="showPageList.indexOf(206) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -958,14 +916,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="203">
      <div v-if="showPageList.indexOf(203) > -1">
    <div class="page-box" page="207">
      <div v-if="showPageList.indexOf(207) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1010,12 +963,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="204">
      <div v-if="showPageList.indexOf(204) > -1">
    <div class="page-box" page="208">
      <div v-if="showPageList.indexOf(208) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1145,12 +1095,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="205">
      <div v-if="showPageList.indexOf(205) > -1">
    <div class="page-box" page="209">
      <div v-if="showPageList.indexOf(209) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1210,14 +1157,9 @@
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="206">
      <div v-if="showPageList.indexOf(206) > -1">
    <div class="page-box" page="210">
      <div v-if="showPageList.indexOf(210) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1272,13 +1214,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="207">
      <div v-if="showPageList.indexOf(207) > -1">
    <div class="page-box" page="211">
      <div v-if="showPageList.indexOf(211) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1331,11 +1269,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="208">
      <div v-if="showPageList.indexOf(208) > -1">
    <div class="page-box" page="212">
      <div v-if="showPageList.indexOf(212) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1388,15 +1324,9 @@
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="209">
      <div v-if="showPageList.indexOf(209) > -1">
    <div class="page-box" page="213">
      <div v-if="showPageList.indexOf(213) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1447,12 +1377,9 @@
          <p>④进餐活动结束后,应在专用水池内清洗被污染的衣裤。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="210">
      <div v-if="showPageList.indexOf(210) > -1">
    <div class="page-box" page="214">
      <div v-if="showPageList.indexOf(214) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1507,13 +1434,9 @@
          <p>幼儿某餐进食量较少时不要强迫幼儿进食,以免造成厌食。进餐时不能</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="211">
      <div v-if="showPageList.indexOf(211) > -1">
    <div class="page-box" page="215">
      <div v-if="showPageList.indexOf(215) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1562,12 +1485,9 @@
          <p>②进餐时注意力不集中,边吃边玩、边吃边讲话。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="212">
      <div v-if="showPageList.indexOf(212) > -1">
    <div class="page-box" page="216">
      <div v-if="showPageList.indexOf(216) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1623,12 +1543,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="213">
      <div v-if="showPageList.indexOf(213) > -1">
    <div class="page-box" page="217">
      <div v-if="showPageList.indexOf(217) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1683,12 +1600,9 @@
          <p>④将碗、碟、勺分别放到指定地方。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="214">
      <div v-if="showPageList.indexOf(214) > -1">
    <div class="page-box" page="218">
      <div v-if="showPageList.indexOf(218) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1745,12 +1659,9 @@
          <p>①扫。用潮湿的扫帚按由里向外的顺序压住地面清扫。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="215">
      <div v-if="showPageList.indexOf(215) > -1">
    <div class="page-box" page="219">
      <div v-if="showPageList.indexOf(219) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1790,13 +1701,12 @@
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter014",
  name: "chapter-014",
  props: {
    showPageList: {
src/books/lifeCare/view/chapter015.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="16">
    <div class="page-box" page="216">
      <div v-if="showPageList.indexOf(216) > -1">
    <div class="page-box" page="220">
      <div v-if="showPageList.indexOf(220) > -1">
        <div class="bodystyle topImg">
          <h2 id="b014"><img class="img-0" alt="" src="../image/zt6.jpg" /></h2>
          <div class="bk">
@@ -61,12 +61,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="217">
      <div v-if="showPageList.indexOf(217) > -1">
    <div class="page-box" page="221">
      <div v-if="showPageList.indexOf(221) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -118,12 +115,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="218">
      <div v-if="showPageList.indexOf(218) > -1">
    <div class="page-box" page="221">
      <div v-if="showPageList.indexOf(221) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -171,11 +165,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="219">
      <div v-if="showPageList.indexOf(219) > -1">
    <div class="page-box" page="223">
      <div v-if="showPageList.indexOf(223) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -250,12 +242,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="220">
      <div v-if="showPageList.indexOf(220) > -1">
    <div class="page-box" page="224">
      <div v-if="showPageList.indexOf(224) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -300,11 +289,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="221">
      <div v-if="showPageList.indexOf(221) > -1">
    <div class="page-box" page="225">
      <div v-if="showPageList.indexOf(225) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -342,12 +329,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="222">
      <div v-if="showPageList.indexOf(222) > -1">
    <div class="page-box" page="226">
      <div v-if="showPageList.indexOf(226) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -375,11 +359,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="223">
      <div v-if="showPageList.indexOf(223) > -1">
    <div class="page-box" page="227">
      <div v-if="showPageList.indexOf(227) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -441,11 +423,9 @@
          <p>②要准备充足的饮用水,供幼儿全天随时饮用。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="224">
      <div v-if="showPageList.indexOf(224) > -1">
    <div class="page-box" page="228">
      <div v-if="showPageList.indexOf(228) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -499,12 +479,9 @@
          <p>“小朋友们来喝水,一口一口慢慢喝。”</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="225">
      <div v-if="showPageList.indexOf(225) > -1">
    <div class="page-box" page="229">
      <div v-if="showPageList.indexOf(229) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -561,12 +538,9 @@
          <p>②提醒幼儿渴了就要主动喝水。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="226">
      <div v-if="showPageList.indexOf(226) > -1">
    <div class="page-box" page="230">
      <div v-if="showPageList.indexOf(230) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -615,13 +589,12 @@
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter015",
  name: "chapter-015",
  props: {
    showPageList: {
src/books/lifeCare/view/chapter016.vue
@@ -1,8 +1,7 @@
<template>
  <div class="chapter" num="17">
    <div class="page-box" page="227">
      <div v-if="showPageList.indexOf(227) > -1">
    <div class="page-box" page="231">
      <div v-if="showPageList.indexOf(231) > -1">
        <div class="bodystyle topImg">
          <h2 id="b015"><img class="img-0" alt="" src="../image/zt7.jpg" /></h2>
          <div class="bk">
@@ -55,10 +54,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="228">
      <div v-if="showPageList.indexOf(228) > -1">
    <div class="page-box" page="232">
      <div v-if="showPageList.indexOf(232) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -105,11 +103,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="229">
      <div v-if="showPageList.indexOf(229) > -1">
    <div class="page-box" page="233">
      <div v-if="showPageList.indexOf(233) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -152,12 +148,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="230">
      <div v-if="showPageList.indexOf(230) > -1">
    <div class="page-box" page="234">
      <div v-if="showPageList.indexOf(234) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -205,12 +198,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="231">
      <div v-if="showPageList.indexOf(231) > -1">
    <div class="page-box" page="235">
      <div v-if="showPageList.indexOf(235) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -258,12 +248,9 @@
          <p class="img">图2-7-1 示例</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="232">
      <div v-if="showPageList.indexOf(232) > -1">
    <div class="page-box" page="236">
      <div v-if="showPageList.indexOf(236) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -307,13 +294,10 @@
          </p>
        </div>
      </div>
    </div>
    <!-- ä¸Šä¸‹æ‹†åˆ†è¡¨æ ¼ -->
    <div class="page-box" page="233">
      <div v-if="showPageList.indexOf(233) > -1">
    <div class="page-box" page="237">
      <div v-if="showPageList.indexOf(237) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -343,12 +327,9 @@
          <p>首先,分辨衣服的里外和前后,双手抓住衣领,将衣服开口的一面对着</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="234">
      <div v-if="showPageList.indexOf(234) > -1">
    <div class="page-box" page="238">
      <div v-if="showPageList.indexOf(238) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -397,13 +378,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="235">
      <div v-if="showPageList.indexOf(235) > -1">
    <div class="page-box" page="239">
      <div v-if="showPageList.indexOf(239) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -417,7 +394,6 @@
            </div>
          </div>
        </div>
        <div class="bodystyle">
          <h4 class="h4-zt" id="d244">(二)自主入睡</h4>
          <p>
@@ -442,13 +418,12 @@
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter016",
  name: "chapter-016",
  props: {
    showPageList: {
src/books/lifeCare/view/chapter017.vue
@@ -1,8 +1,7 @@
<template>
  <div class="chapter" num="18">
    <div class="page-box" page="236">
      <div v-if="showPageList.indexOf(236) > -1">
    <div class="page-box" page="240">
      <div v-if="showPageList.indexOf(240) > -1">
        <div class="bodystyle topImg">
          <h2 id="b016"><img class="img-0" alt="" src="../image/zt8.jpg" /></h2>
          <div class="bk">
@@ -55,12 +54,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="237">
      <div v-if="showPageList.indexOf(237) > -1">
    <div class="page-box" page="241">
      <div v-if="showPageList.indexOf(241) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -108,12 +104,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="238">
      <div v-if="showPageList.indexOf(238) > -1">
    <div class="page-box" page="242">
      <div v-if="showPageList.indexOf(242) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -154,12 +147,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="239">
      <div v-if="showPageList.indexOf(239) > -1">
    <div class="page-box" page="243">
      <div v-if="showPageList.indexOf(243) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -199,13 +189,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="240">
      <div v-if="showPageList.indexOf(240) > -1">
    <div class="page-box" page="244">
      <div v-if="showPageList.indexOf(244) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -220,7 +206,6 @@
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
          <P>婴幼儿的行为和健康。离园时,保教人员可以和家长进行简单的交流,突出婴幼儿在园所一日中比较重要的事件和环节(见表2-8-2)。
          </P>
@@ -237,12 +222,9 @@
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="241">
      <div v-if="showPageList.indexOf(241) > -1">
    <div class="page-box" page="245">
      <div v-if="showPageList.indexOf(245) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -256,7 +238,6 @@
            </div>
          </div>
        </div>
        <div class="bodystyle">
          <h3 id="c108">
            <span class="bk1-h3"><span class="bj2-h3">七</span>  托育园的清洁消毒 </span>
@@ -283,13 +264,10 @@
          <p>给托育园常用物品消毒可参照下表(见表2-8-4)。</p>
        </div>
      </div>
    </div>
    <!-- ä¸Šä¸‹æ‹†åˆ†è¡¨æ ¼ -->
    <div class="page-box" page="242">
      <div v-if="showPageList.indexOf(242) > -1">
    <div class="page-box" page="246">
      <div v-if="showPageList.indexOf(246) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -316,13 +294,12 @@
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter017",
  name: "chapter-017",
  props: {
    showPageList: {
src/books/lifeCare/view/chapter018.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="19">
    <div class="page-box" page="243">
      <div v-if="showPageList.indexOf(243) > -1">
    <div class="page-box" page="247">
      <div v-if="showPageList.indexOf(247) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -75,13 +75,12 @@
          </p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'chapter009',
  name: 'chapter-009',
  props: {
    showPageList: {
      type: Array,
src/books/lifeCare/view/front001.vue
@@ -1,11 +1,25 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box" page="1">
      <div v-if="showPageList.indexOf(1) > -1">
      <div class="bodystyle">
        <p class="center"><img alt="" class="imz" src="../image/SMY.jpg" /></p>
          <p class="center coverImg">
            <img alt="" class="imz" src="../image/Cover.jpg" />
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="2">
      <div v-if="showPageList.indexOf(2) > -1">
        <div class="bodystyle">
          <p class="center">
            <img alt="" class="imz" src="../image/SMY.jpg" />
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="3">
      <div v-if="showPageList.indexOf(3) > -1">
      <div class="bodystyle">
        <div class="pdf-content">
          <hr />
@@ -42,12 +56,16 @@
          <p class="center1">反盗版、侵权举报电话:010-58800697</p>
          <p class="center1">北京读者服务部电话:010-58808104</p>
          <p class="center1">外埠邮购电话:010-58808083</p>
          <p class="center1">本书如有印装质量问题,请与印制管理部联系调换。</p>
            <p class="center1">
              æœ¬ä¹¦å¦‚有印装质量问题,请与印制管理部联系调换。
            </p>
          <p class="center1">印制管理部电话:010-58805079</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="3">
    </div>
    <div class="page-box" page="4">
      <div v-if="showPageList.indexOf(4) > -1">
      <div class="bodystyle">
        <div class="front">
          <img alt="" class="img-0 prefaceImg" src="../image/sysm.png" />
@@ -65,10 +83,17 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="4">
    </div>
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
      <div class="bodystyle">
        <div class="front">
          <img alt="" class="img-0 prefaceImg" style="top:2%" src="../image/xu.png" />
            <img
              alt=""
              class="img-0 prefaceImg"
              style="top: 2%"
              src="../image/xu.png"
            />
        </div>
        <div class="pdf-content">
          <p>
@@ -92,6 +117,25 @@
          <p>
            æŒ‰ç…§æŠ€æœ¯æŠ€èƒ½äººæ‰æˆé•¿è§„律安排教材内容。人的职业成长遵循从初学者到专家的能力发展逻辑,职业教育过程遵循从完成简单任务到完成复杂任务的职业认知能力发展逻辑。本教材的内容就是按照这两种逻辑设计安排的。
          </p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="6">
      <div v-if="showPageList.indexOf(6) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">&nbsp;&nbsp;&nbsp;&nbsp;</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
          </div>
        </div>
        <div class="bodystyle">
          <p>
            è¡ŒåŠ¨å¯¼å‘æ•™å­¦ã€‚å­¦ç”Ÿåœ¨å…·ä½“çš„èŒä¸šæƒ…å¢ƒä¸­é€šè¿‡è¡ŒåŠ¨å»ºæž„è‡ªå·±çš„çŸ¥è¯†ä½“ç³»ï¼Œä¸ä»…å¯ä»¥æé«˜å¯¹ç¤¾ä¼šå’ŒæŠ€æœ¯å‘å±•çš„é€‚åº”èƒ½åŠ›ï¼Œè€Œä¸”å¯ä»¥åœ¨å…·æœ‰å®žé™…åº”ç”¨ä»·å€¼æˆ–çŽ°å®žæ„ä¹‰çš„æœåŠ¡é¡¹ç›®ä¸­å­¦ä¹ ï¼Œå‘å±•ç‹¬ç«‹ã€è‡ªä¿¡å’Œè´Ÿè´£ä»»çš„äººæ ¼ã€‚
          </p>
@@ -121,7 +165,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="5">
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
      <div class="bodystyle">
        <div class="front">
          <img alt="" class="img-0 prefaceImg" src="../image/preface.png" />
@@ -137,7 +182,29 @@
            é«˜æŠ€æœ¯ã€é«˜æŠ€èƒ½äººæ‰åœ¨ç¤¾ä¼šå‘展中扮演着举足轻重的角色,他们需要掌握综合知识、实践技能、社交技能,既要有独立思考和开拓创新的能力,又要有积极向上的态度和强烈的责任感。本教材遵循国家针对婴幼儿照护及托育提出的新政策和新要求,综合了世界先进的婴幼儿照护的相关概念、理论和方法,立足“三教”改革,与教育部关于1+X证书制度试点工作的指导意见相结合,主动适应托育的新趋势和就业市场的新需求,针对学校培养幼儿保育专业人才的要求,立足托育机构实际工作场景,结合大量实践案例和具体操作,用以行动为导向的学习方式使教育回归实际工作,帮助学生做好职前准备,提高职业教育适应社会发展需求的水平,因此非常适合被作为职业教育教材。
          </p>
          <p>
            æœ¬æ•™æç¼–写团队主要由高职学科专家、中职课程教师、托育机构管理者及一线骨干教师组成。分工如下:“初识婴幼儿生活保育”“盥洗活动照护”“如厕活动照护”的相关内容由金华职业技术学院赵青负责编写,“来园活动照护”的相关内容由中国福利会托儿所张懿负责编写,“进餐活动照护”的相关内容由金华职业技术学院胡玉敏负责编写,“饮水活动照护”的相关内容由北京市商业学校孙静负责编写,“睡眠活动照护”的相关内容由宁波幼儿师范高等专科学校董钰萍负责编写,“离园活动照护”的相关内容由杭州心阳幼幼托育园杨仲负责编写。本教材引用了一些国内外专家、学者的研究成果和资料,在此一并表示感谢。
              æœ¬æ•™æç¼–写团队主要由高职学科专家、中职课程教师、托育机构管理者及一线骨干教师组成。分工如下:“初识婴幼儿生活保育”“盥洗活动照护”“如厕活动照护”的相关内容由金华职业技术学院赵青负责编写,“来园活动照护”的相关内容由中国福利会托儿所张懿负责编写,“进餐活动照护”的相关内容由金华职业技术学院胡玉敏负责编写,“饮水活动照护”的相关内容由北京市商业学校孙静负责编写,“睡眠活动照护”的
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">&nbsp;&nbsp;&nbsp;&nbsp;</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
          </div>
        </div>
        <div class="bodystyle">
          <p>
            ç›¸å…³å†…容由宁波幼儿师范高等专科学校董钰萍负责编写,“离园活动照护”的相关内容由杭州心阳幼幼托育园杨仲负责编写。本教材引用了一些国内外专家、学者的研究成果和资料,在此一并表示感谢。
          </p>
          <p>
            æœ¬æ•™æå…·æœ‰è¾ƒå¼ºçš„理论性、实践性和可操作性,既可以作为中等职业学校幼儿保育相关专业的教材,也可以供一线托育机构的保教人员、婴幼儿照护工作者及广大0~3岁婴幼儿的父母使用。由于时间紧迫,教材难免有不完善之处,敬请广大师生不吝赐教(发送邮件至yaoguiping@126.com),我们将及时修订、完善。
@@ -145,7 +212,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="6">
    <div class="page-box" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
      <div class="bodystyle">
        <h1 id="a007">
          <img class="imz" alt="" src="../image/0011-1.jpg" />
@@ -153,4 +221,21 @@
      </div>
    </div>
  </div>
  </div>
</template>
<script>
export default {
  name: "front-init",
  props: {
    showPageList: {
      type: Array,
    },
    questionData: {
      type: Object,
    },
  },
  data() {
    return {};
  },
};
</script>
src/books/sportsAndHealth/css/default.less
@@ -37,20 +37,95 @@
      position: relative;
    }
    .bodystyle-chapter001 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      position: relative;
      .bj-chapter001-bj-icon {
        padding-top: 15px;
      }
      .bj-chapter001-con {
        width: 60%;
        position: absolute;
        left: 0;
        top: 5%;
        .bj-chapter001-con-icon {
          width: 100%;
          img {
            padding-top: 20px;
            width: 100%;
          }
        }
      }
    }
    .tablePublic {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-top: 20px;
      .table-bottom {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 14px;
        .score {
          padding-top: 10px;
        }
        .btn {
      display: flex;
      justify-content: center;
          span {
            display: block;
            height: 25px;
            line-height: 15px;
            border: 1px solid #89a0d0;
            padding: 5px 15px;
            box-sizing: border-box;
            border-radius: 5px;
            cursor: pointer;
            -webkit-user-select: none;
            /* Safari 3.1+ */
            -moz-user-select: none;
            /* Firefox 2+ */
            -ms-user-select: none;
            /* IE 10+ */
            user-select: none;
            /* æ ‡å‡†è¯­æ³• */
          }
          span:hover {
            background-color: #89a0d0;
            color: #FFF;
          }
          span:nth-child(1) {
            margin-right: 10px;
          }
        }
      }
      table {
        width: 100%;
        border: 1px solid #95b2dc;
        border: 1px solid #89a0d0;
        border-collapse: collapse;
        padding: 0;
        margin: 0;
        tr th {
          border: 1px solid #95b2dc;
          background-color: #b0a3cf;
          border: 1px solid #89a0d0;
          background-color: #d6dbee;
          color: #f49a4c;
          text-align: center;
          padding: 5px 20px;
@@ -58,7 +133,7 @@
        }
        tr td {
          border: 1px solid #95b2dc;
          border: 1px solid #89a0d0;
          text-align: center;
          padding: 3px 10px;
          font-size: 14px;
@@ -114,10 +189,124 @@
    }
    .bk-xyx {
      textarea {
        width: 100%;
        max-width: 625px;
        border: 1px solid #89a0d0;
        border-radius: 5px;
      }
      textarea:focus {
        outline: none;
        text-indent: 2em;
      }
    }
    .publicxbc {
      min-width: 100px;
      display: flex;
      justify-content: center;
      position: absolute;
      top: -20px;
      left: 10px;
      background-color: #d6dbee;
      padding: 5px;
      box-sizing: border-box;
      color: #5877ba;
      font-family: "FZLTXIHJW";
      font-size: 16px;
      font-weight: 700;
      border-radius: 15px;
      .icon {
        width: 25px;
        height: 25px;
        border-radius: 5px;
        background-color: #007aff;
        border: 1px solid #007aff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10px;
        cursor: pointer;
        svg {
          fill: #fff;
        }
      }
      .icon:hover {
        background-color: #fff;
        border: 1px solid #007aff;
        svg {
          fill: #007aff;
        }
      }
    }
    .pdf-text {
      display: flex;
      justify-content: space-between;
      align-items: center;
      p {
        margin-right: 10px;
      }
      .pdf-con {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        border: 2px dotted #5d78bb;
        padding: 10px 0;
        box-sizing: border-box;
        border-radius: 10px;
        margin-left: 10px;
        margin-top: -50px;
        .pdf-view {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          img {
            width: 80px;
          }
          span {
            min-width: 150px;
            font-size: 14px;
            text-align: center;
          }
          span:hover {
            color: #5877ba;
            cursor: pointer;
            text-decoration: underline;
            -webkit-user-select: none;
            /* Safari 3.1+ */
            -moz-user-select: none;
            /* Firefox 2+ */
            -ms-user-select: none;
            /* IE 10+ */
            user-select: none;
            /* æ ‡å‡†è¯­æ³• */
          }
        }
      }
    }
    .xyx-title {
      font-family: "STKaiti";
      text-align: center;
      color: #cd141c;
      padding: 20px 0;
    }
    .xyx-text {
@@ -142,6 +331,7 @@
        border: 0;
        background-color: transparent;
      }
      .textInputarea:focus {
        outline: none;
      }
src/books/sportsAndHealth/image/pdf.png
src/books/sportsAndHealth/image/sports.png
src/books/sportsAndHealth/index.vue
@@ -63,7 +63,7 @@
export default {
  data() {
    return {
      catalogLength: 19, // æ€»ç« èŠ‚æ•°
      catalogLength: 3, // æ€»ç« èŠ‚æ•°
      showCatalogList: [], // æ˜¾ç¤ºçš„章节
      loadThreshold: 300, // è§¦å‘加载阈值
      throttleThreshold: 100, // èŠ‚æµé˜ˆå€¼
src/books/sportsAndHealth/view/chapter001.vue
@@ -1,11 +1,16 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box" page="12">
    <div class="page-box" page="12" style="background-color: #f0f1f2">
      <div v-if="showPageList.indexOf(12) > -1">
        <div class="bodystyle">
          <div class="bodystyle-chapter001">
            <div class="bj-chapter001-bj-icon">
          <h1 class="lefth1" id="a007">
            <img class="img-gh1" alt="" src="../image/jcmk.jpg" />
          </h1>
            </div>
            <div class="bj-chapter001-con">
              <div >
          <p>
            åŸºç¡€æ¨¡å—是《中等职业学校体育与健康课程标准》规定的必修内容,包含健康教育和体能发展两大部分。人民健康是民族昌盛和国家强盛的重要标志;把保障人民健康放在优先发展的战略位置。健康教育纳入国民教育体系,是教育阶段素质教育的重要内容,也是培养德智体美劳全面发展的社会主义建设者和接班人的必要保障。良好的体能不仅能够为日常生活中的运动奠定坚实的基础,而且能为专项运动中精准而灵活地发挥技能水平提供保障,更能为我们在职业岗位上展现高超技艺提供助力。
          </p>
@@ -13,6 +18,12 @@
            ç³»ç»Ÿå­¦ä¹ â€œå¥åº·æ•™è‚²â€å’Œâ€œä½“能发展”两个单元的内容,能够帮助同学们更好地将健康掌握在自己手中,提升体能发展水平,练就强健体魄,使锻炼身体成为一种习惯和能力。
          </p>
        </div>
              <div class="bj-chapter001-con-icon">
                <img src="../image/sports.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
src/books/sportsAndHealth/view/chapter002.vue
@@ -46,8 +46,26 @@
          <p>
            ä»€ä¹ˆæ˜¯çœŸæ­£çš„健康呢?在不同时代,人们的回答各不相同。随着经济、社会的发展,健康的内涵已从生存意义上的身体健康,发展到身心健康,再发展到多维健康。其本质是我们全面、完整及和谐地发展。其中,全面发展指德智体美劳全面且均衡发展;完整发展指躯体、心理、社会适应能力及道德随着年龄的增长有秩序地、完整地发展;和谐发展指注重各基本素质适当、协调、平衡发展。健康是全面、完整、和谐发展的统一,是学校体育的目标,更是学校教育的最终目标之一。
          </p>
          <br />
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <div class="bj1-xyx publicxbc">
              Â· å­¦ä¸€å­¦ Â· å¥åº·æ¦‚念的演变
              <div class="icon" @click="activityXyx1">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <div v-if="chapter002.isShowXyx01">
            <div class="xyx-title">健康概念的演变</div>
            <p class="xyx-con">
              åœ¨äººç±»å‘展历程中,先后形成了不同的健康观。早期朴素的健康观认为“健康就是没
@@ -70,14 +88,33 @@
                é“德健康:既为自己的健康也为他人的健康负责,把个人行为置于社会规范之内。
              </li>
            </ul>
            </div>
            <!-- <p>
              è¯·åŒå­¦ä»¬ç™»å½•课程平台<a id="w1"></a
              ><a href="chapter002.html#m1"><sup>[1]</sup></a
              >查阅“健康概念的演变”。
            </p> -->
          </div>
          <br />
          <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <div class="bj1-xyx publicxbc">
              Â· æµ‹ä¸€æµ‹ Â· ä¸–界卫生组织五项身心健康指标评价
              <div class="icon" @click="activityXyx2">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <div v-if="chapter002.isShowXyx02">
            <!-- <p>请同学们进行“小测试:世界卫生组织五项身心健康指标评价”。</p> -->
            <div class="xyx-title">世界卫生组织五项身心健康指标评价</div>
            <div class="xyx-text">
@@ -107,13 +144,16 @@
                        @change="changeBox($event, 'text1')"
                        :checked="chapter002.tablexyx1.text1"
                        type="checkbox"
                      />5
                          value="5"
                        />
                        5
                    </td>
                    <td>
                      <input
                        @change="changeBox($event, 'text2')"
                        :checked="chapter002.tablexyx1.text2"
                        type="checkbox"
                          value="4"
                      />4
                    </td>
                    <td>
@@ -121,6 +161,7 @@
                        @change="changeBox($event, 'text3')"
                        :checked="chapter002.tablexyx1.text3"
                        type="checkbox"
                          value="3"
                      />3
                    </td>
                    <td>
@@ -128,6 +169,7 @@
                        @change="changeBox($event, 'text4')"
                        :checked="chapter002.tablexyx1.text4"
                        type="checkbox"
                          value="2"
                      />2
                    </td>
                    <td>
@@ -135,6 +177,7 @@
                        @change="changeBox($event, 'text5')"
                        :checked="chapter002.tablexyx1.text5"
                        type="checkbox"
                          value="1"
                      />1
                    </td>
                    <td>
@@ -142,6 +185,7 @@
                        @change="changeBox($event, 'text6')"
                        :checked="chapter002.tablexyx1.text6"
                        type="checkbox"
                          value="0"
                      />0
                    </td>
                  </tr>
@@ -152,6 +196,7 @@
                        @change="changeBox($event, 'text7')"
                        :checked="chapter002.tablexyx1.text7"
                        type="checkbox"
                          value="5"
                      />5
                    </td>
                    <td>
@@ -159,6 +204,7 @@
                        @change="changeBox($event, 'text8')"
                        :checked="chapter002.tablexyx1.text8"
                        type="checkbox"
                          value="4"
                      />4
                    </td>
                    <td>
@@ -166,6 +212,7 @@
                        @change="changeBox($event, 'text9')"
                        :checked="chapter002.tablexyx1.text9"
                        type="checkbox"
                          value="3"
                      />3
                    </td>
                    <td>
@@ -173,6 +220,7 @@
                        @change="changeBox($event, 'text10')"
                        :checked="chapter002.tablexyx1.text10"
                        type="checkbox"
                          value="2"
                      />2
                    </td>
                    <td>
@@ -180,6 +228,7 @@
                        @change="changeBox($event, 'text11')"
                        :checked="chapter002.tablexyx1.text11"
                        type="checkbox"
                          value="1"
                      />1
                    </td>
                    <td>
@@ -187,6 +236,7 @@
                        @change="changeBox($event, 'text12')"
                        :checked="chapter002.tablexyx1.text12"
                        type="checkbox"
                          value="0"
                      />0
                    </td>
                  </tr>
@@ -199,6 +249,7 @@
                        @change="changeBox($event, 'text13')"
                        :checked="chapter002.tablexyx1.text13"
                        type="checkbox"
                          value="5"
                      />5
                    </td>
                    <td>
@@ -206,6 +257,7 @@
                        @change="changeBox($event, 'text14')"
                        :checked="chapter002.tablexyx1.text14"
                        type="checkbox"
                          value="4"
                      />4
                    </td>
                    <td>
@@ -213,6 +265,7 @@
                        @change="changeBox($event, 'text15')"
                        :checked="chapter002.tablexyx1.text15"
                        type="checkbox"
                          value="3"
                      />3
                    </td>
                    <td>
@@ -220,6 +273,7 @@
                        @change="changeBox($event, 'text16')"
                        :checked="chapter002.tablexyx1.text16"
                        type="checkbox"
                          value="2"
                      />2
                    </td>
                    <td>
@@ -227,6 +281,7 @@
                        @change="changeBox($event, 'text17')"
                        :checked="chapter002.tablexyx1.text17"
                        type="checkbox"
                          value="1"
                      />1
                    </td>
                    <td>
@@ -234,6 +289,7 @@
                        @change="changeBox($event, 'text18')"
                        :checked="chapter002.tablexyx1.text18"
                        type="checkbox"
                          value="0"
                      />0
                    </td>
                  </tr>
@@ -246,6 +302,7 @@
                        @change="changeBox($event, 'text19')"
                        :checked="chapter002.tablexyx1.text19"
                        type="checkbox"
                          value="5"
                      />5
                    </td>
                    <td>
@@ -253,6 +310,7 @@
                        @change="changeBox($event, 'text20')"
                        :checked="chapter002.tablexyx1.text20"
                        type="checkbox"
                          value="4"
                      />4
                    </td>
                    <td>
@@ -260,6 +318,7 @@
                        @change="changeBox($event, 'text21')"
                        :checked="chapter002.tablexyx1.text21"
                        type="checkbox"
                          value="3"
                      />3
                    </td>
                    <td>
@@ -267,6 +326,7 @@
                        @change="changeBox($event, 'text22')"
                        :checked="chapter002.tablexyx1.text22"
                        type="checkbox"
                          value="2"
                      />2
                    </td>
                    <td>
@@ -274,6 +334,7 @@
                        @change="changeBox($event, 'text23')"
                        :checked="chapter002.tablexyx1.text23"
                        type="checkbox"
                          value="1"
                      />1
                    </td>
                    <td>
@@ -281,6 +342,7 @@
                        @change="changeBox($event, 'text24')"
                        :checked="chapter002.tablexyx1.text24"
                        type="checkbox"
                          value="0"
                      />0
                    </td>
                  </tr>
@@ -293,6 +355,7 @@
                        @change="changeBox($event, 'text25')"
                        :checked="chapter002.tablexyx1.text25"
                        type="checkbox"
                          value="5"
                      />5
                    </td>
                    <td>
@@ -300,6 +363,7 @@
                        @change="changeBox($event, 'text26')"
                        :checked="chapter002.tablexyx1.text26"
                        type="checkbox"
                          value="4"
                      />4
                    </td>
                    <td>
@@ -307,6 +371,7 @@
                        @change="changeBox($event, 'text27')"
                        :checked="chapter002.tablexyx1.text27"
                        type="checkbox"
                          value="3"
                      />3
                    </td>
                    <td>
@@ -314,6 +379,7 @@
                        @change="changeBox($event, 'text28')"
                        :checked="chapter002.tablexyx1.text28"
                        type="checkbox"
                          value="2"
                      />2
                    </td>
                    <td>
@@ -321,6 +387,7 @@
                        @change="changeBox($event, 'text29')"
                        :checked="chapter002.tablexyx1.text29"
                        type="checkbox"
                          value="1"
                      />1
                    </td>
                    <td>
@@ -328,11 +395,26 @@
                        @change="changeBox($event, 'text30')"
                        :checked="chapter002.tablexyx1.text30"
                        type="checkbox"
                          value="0"
                      />0
                    </td>
                  </tr>
                </tbody>
              </table>
                <div class="table-bottom">
                  <div class="score" v-if="!isShowScore1">
                    æ‚¨çš„得分:<span style="color: red">请提交后查看!</span>
                  </div>
                  <div class="score" v-if="isShowScore1">
                    æ‚¨çš„得分:
                    <span style="color: red">{{ chapter002.score1 }}</span>
                  </div>
                  <div class="btn">
                    <span @click="submit(1)">提交</span>
                    <span @click="resetData(1)">重做</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
@@ -342,7 +424,12 @@
      <div v-if="showPageList.indexOf(15) > -1">
        <div class="bodystyle">
          <p class="center">
            <img class="img-c" alt="" src="../image/0017-1.jpg" />
            <el-image
              class="chapter001-img-0018 img-c"
              :src="picOneUrl"
              :preview-src-list="picArr"
            />
            <!-- <img class="img-c" alt="" src="../image/0017-1.jpg" /> -->
          </p>
          <p class="img">图1-1-1 äººä»¬å¯¹å¥åº·çš„认识</p>
          <p>
@@ -371,9 +458,25 @@
          <p class="block-hs">10.肌肤丰泽,皮肤有弹性,走路轻松有力。</p>
          <p><br /></p>
          <div class="bk-xyx">
            <p class="bj1-xyx">比一比</p>
            <div class="bj1-xyx publicxbc">
              Â· æ¯”一比 Â· 8 ç§å¥åº·çŠ¶å†µæµ‹è¯„
              <div class="icon" @click="activityXyx3">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <!-- <p>请同学们登录课程平台进行“8种健康状况测评”。</p> -->
            <div class="bj-byb">
            <div class="bj-byb" v-if="chapter002.isShowXyx03">
              <div class="byb-title">8 ç§å¥åº·çŠ¶å†µæµ‹è¯„</div>
              <p>
                ç¾Žå›½å­¦è€…沃林斯基借鉴医学、社会学、心理学的相关理论,提出了 8
@@ -397,6 +500,7 @@
                        <input
                          @change="changeByb($event, 'text1')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text1"
                        />正常健康
                      </td>
@@ -404,6 +508,7 @@
                        <input
                          @change="changeByb($event, 'text2')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text2"
                        />健康
                      </td>
@@ -411,6 +516,7 @@
                        <input
                          @change="changeByb($event, 'text2')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text2"
                        />健康
                      </td>
@@ -418,6 +524,7 @@
                        <input
                          @change="changeByb($event, 'text4')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text4"
                        />健康
                      </td>
@@ -428,6 +535,7 @@
                        <input
                          @change="changeByb($event, 'text5')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text5"
                        />悲观
                      </td>
@@ -435,6 +543,7 @@
                        <input
                          @change="changeByb($event, 'text6')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text6"
                        />不健康
                      </td>
@@ -442,6 +551,7 @@
                        <input
                          @change="changeByb($event, 'text7')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text7"
                        />健康
                      </td>
@@ -449,6 +559,7 @@
                        <input
                          @change="changeByb($event, 'text8')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text8"
                        />健康
                      </td>
@@ -459,6 +570,7 @@
                        <input
                          @change="changeByb($event, 'text9')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text9"
                        />社会方面不健康
                      </td>
@@ -466,6 +578,7 @@
                        <input
                          @change="changeByb($event, 'text10')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text10"
                        />健康
                      </td>
@@ -473,6 +586,7 @@
                        <input
                          @change="changeByb($event, 'text11')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text11"
                        />健康
                      </td>
@@ -480,6 +594,7 @@
                        <input
                          @change="changeByb($event, 'text12')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text12"
                        />不健康
                      </td>
@@ -490,6 +605,7 @@
                        <input
                          @change="changeByb($event, 'text13')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text13"
                        />患疑病症
                      </td>
@@ -497,6 +613,7 @@
                        <input
                          @change="changeByb($event, 'text14')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text14"
                        />不健康
                      </td>
@@ -504,6 +621,7 @@
                        <input
                          @change="changeByb($event, 'text15')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text15"
                        />健康
                      </td>
@@ -511,6 +629,7 @@
                        <input
                          @change="changeByb($event, 'text16')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text16"
                        />健康
                      </td>
@@ -521,6 +640,7 @@
                        <input
                          @change="changeByb($event, 'text17')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text17"
                        />身体不健康
                      </td>
@@ -528,6 +648,7 @@
                        <input
                          @change="changeByb($event, 'text18')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text18"
                        />健康
                      </td>
@@ -535,6 +656,7 @@
                        <input
                          @change="changeByb($event, 'text19')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text19"
                        />不健康
                      </td>
@@ -542,6 +664,7 @@
                        <input
                          @change="changeByb($event, 'text20')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text20"
                        />健康
                      </td>
@@ -552,6 +675,7 @@
                        <input
                          @change="changeByb($event, 'text21')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text21"
                        />长期受病折磨
                      </td>
@@ -559,6 +683,7 @@
                        <input
                          @change="changeByb($event, 'text22')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text22"
                        />不健康
                      </td>
@@ -566,6 +691,7 @@
                        <input
                          @change="changeByb($event, 'text23')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text23"
                        />不健康
                      </td>
@@ -573,6 +699,7 @@
                        <input
                          @change="changeByb($event, 'text24')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text24"
                        />健康
                      </td>
@@ -583,6 +710,7 @@
                        <input
                          @change="changeByb($event, 'text25')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text25"
                        />乐观
                      </td>
@@ -590,6 +718,7 @@
                        <input
                          @change="changeByb($event, 'text26')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text26"
                        />健康
                      </td>
@@ -597,6 +726,7 @@
                        <input
                          @change="changeByb($event, 'text27')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text27"
                        />不健康
                      </td>
@@ -604,6 +734,7 @@
                        <input
                          @change="changeByb($event, 'text28')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text28"
                        />健康
                      </td>
@@ -614,6 +745,7 @@
                        <input
                          @change="changeByb($event, 'text29')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text29"
                        />患病严重
                      </td>
@@ -621,6 +753,7 @@
                        <input
                          @change="changeByb($event, 'text30')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text30"
                        />不健康
                      </td>
@@ -628,6 +761,7 @@
                        <input
                          @change="changeByb($event, 'text31')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text31"
                        />不健康
                      </td>
@@ -635,6 +769,7 @@
                        <input
                          @change="changeByb($event, 'text32')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text32"
                        />不健康
                      </td>
@@ -679,10 +814,28 @@
            æ­£å¸¸çš„大气、水、土壤、微小气候等是我们赖以生存、不可或缺的原生环境。目前,工农业生产和人类活动等产生的次生环境问题(如森林覆盖面积减少、水土流失、空气污染等)日益危害着我们的健康。此外,自然环境中的物理因素(如气温、气压、噪声、辐射等)
            ä¸ŽåŒ–学因素(如天然或人工合成的某些化学物质及动物和微生物体内的某些化学元素),与人体接触超过一定限度,也会对我们的健康产生危害。
          </p>
          <br />
          <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <div class="bj1-xyx publicxbc">
              Â· æµ‹ä¸€æµ‹ Â· ç”Ÿæ´»äº‹ä»¶è¯„ä»·
              <div class="icon" @click="activityXyx4">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <!-- <p>请同学们登录课程平台进行“生活事件评价”。</p> -->
            <div class="xyx-title">生活事件评价</div>
            <div v-if="chapter002.isShowXyx04">
            <div class="xyx-text">
              è¯·åŒå­¦ä»¬æ ¹æ®ä¸‹è¡¨åˆ†æžåœ¨è¿‡åŽ» 3
              ä¸ªæœˆå†…,以下生活事件对你造成的影响,得分越高反映
@@ -708,6 +861,7 @@
                      <input
                        @change="changecyc2($event, 'text1')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text1"
                      />0
                    </td>
@@ -715,6 +869,7 @@
                      <input
                        @change="changecyc2($event, 'text2')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text2"
                      />1
                    </td>
@@ -722,6 +877,7 @@
                      <input
                        @change="changecyc2($event, 'text3')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text3"
                      />2
                    </td>
@@ -729,6 +885,7 @@
                      <input
                        @change="changecyc2($event, 'text4')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text4"
                      />3
                    </td>
@@ -736,6 +893,7 @@
                      <input
                        @change="changecyc2($event, 'text5')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text5"
                      />4
                    </td>
@@ -743,6 +901,7 @@
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text6"
                      />5
                    </td>
@@ -753,6 +912,7 @@
                      <input
                        @change="changecyc2($event, 'text82')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text82"
                      />0
                    </td>
@@ -760,6 +920,7 @@
                      <input
                        @change="changecyc2($event, 'text83')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text83"
                      />1
                    </td>
@@ -767,6 +928,7 @@
                      <input
                        @change="changecyc2($event, 'text84')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text84"
                      />2
                    </td>
@@ -774,6 +936,7 @@
                      <input
                        @change="changecyc2($event, 'text85')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text85"
                      />3
                    </td>
@@ -781,6 +944,7 @@
                      <input
                        @change="changecyc2($event, 'text86')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text86"
                      />4
                    </td>
@@ -788,6 +952,7 @@
                      <input
                        @change="changecyc2($event, 'text87')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text87"
                      />5
                    </td>
@@ -798,6 +963,7 @@
                      <input
                        @change="changecyc2($event, 'text88')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text88"
                      />0
                    </td>
@@ -805,6 +971,7 @@
                      <input
                        @change="changecyc2($event, 'text89')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text89"
                      />1
                    </td>
@@ -812,6 +979,7 @@
                      <input
                        @change="changecyc2($event, 'text90')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text90"
                      />2
                    </td>
@@ -819,6 +987,7 @@
                      <input
                        @change="changecyc2($event, 'text92')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text92"
                      />3
                    </td>
@@ -826,6 +995,7 @@
                      <input
                        @change="changecyc2($event, 'text93')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text93"
                      />4
                    </td>
@@ -833,6 +1003,7 @@
                      <input
                        @change="changecyc2($event, 'text94')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text94"
                      />5
                    </td>
@@ -843,6 +1014,7 @@
                      <input
                        @change="changecyc2($event, 'text95')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text95"
                      />0
                    </td>
@@ -850,6 +1022,7 @@
                      <input
                        @change="changecyc2($event, 'text96')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text96"
                      />1
                    </td>
@@ -857,6 +1030,7 @@
                      <input
                        @change="changecyc2($event, 'text97')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text97"
                      />2
                    </td>
@@ -864,6 +1038,7 @@
                      <input
                        @change="changecyc2($event, 'text98')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text98"
                      />3
                    </td>
@@ -871,6 +1046,7 @@
                      <input
                        @change="changecyc2($event, 'text99')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text99"
                      />4
                    </td>
@@ -878,6 +1054,7 @@
                      <input
                        @change="changecyc2($event, 'text100')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text100"
                      />5
                    </td>
@@ -888,6 +1065,7 @@
                      <input
                        @change="changecyc2($event, 'text101')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text101"
                      />0
                    </td>
@@ -895,6 +1073,7 @@
                      <input
                        @change="changecyc2($event, 'text102')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text102"
                      />1
                    </td>
@@ -902,6 +1081,7 @@
                      <input
                        @change="changecyc2($event, 'text103')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text103"
                      />2
                    </td>
@@ -909,6 +1089,7 @@
                      <input
                        @change="changecyc2($event, 'text104')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text104"
                      />3
                    </td>
@@ -916,6 +1097,7 @@
                      <input
                        @change="changecyc2($event, 'text105')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text105"
                      />4
                    </td>
@@ -923,6 +1105,7 @@
                      <input
                        @change="changecyc2($event, 'text106')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text106"
                      />5
                    </td>
@@ -933,6 +1116,7 @@
                      <input
                        @change="changecyc2($event, 'text107')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text107"
                      />0
                    </td>
@@ -940,6 +1124,7 @@
                      <input
                        @change="changecyc2($event, 'text108')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text108"
                      />1
                    </td>
@@ -947,6 +1132,7 @@
                      <input
                        @change="changecyc2($event, 'text109')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text109"
                      />2
                    </td>
@@ -954,6 +1140,7 @@
                      <input
                        @change="changecyc2($event, 'text110')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text110"
                      />3
                    </td>
@@ -961,6 +1148,7 @@
                      <input
                        @change="changecyc2($event, 'text111')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text111"
                      />4
                    </td>
@@ -968,6 +1156,7 @@
                      <input
                        @change="changecyc2($event, 'text112')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text112"
                      />5
                    </td>
@@ -978,6 +1167,7 @@
                      <input
                        @change="changecyc2($event, 'text113')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text113"
                      />0
                    </td>
@@ -985,6 +1175,7 @@
                      <input
                        @change="changecyc2($event, 'text114')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text114"
                      />1
                    </td>
@@ -992,6 +1183,7 @@
                      <input
                        @change="changecyc2($event, 'text115')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text115"
                      />2
                    </td>
@@ -999,6 +1191,7 @@
                      <input
                        @change="changecyc2($event, 'text116')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text116"
                      />3
                    </td>
@@ -1006,6 +1199,7 @@
                      <input
                        @change="changecyc2($event, 'text117')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text117"
                      />4
                    </td>
@@ -1013,6 +1207,7 @@
                      <input
                        @change="changecyc2($event, 'text118')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text118"
                      />5
                    </td>
@@ -1023,6 +1218,7 @@
                      <input
                        @change="changecyc2($event, 'text119')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text119"
                      />0
                    </td>
@@ -1030,6 +1226,7 @@
                      <input
                        @change="changecyc2($event, 'text120')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text120"
                      />1
                    </td>
@@ -1037,6 +1234,7 @@
                      <input
                        @change="changecyc2($event, 'text122')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text122"
                      />2
                    </td>
@@ -1044,6 +1242,7 @@
                      <input
                        @change="changecyc2($event, 'text123')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text123"
                      />3
                    </td>
@@ -1051,6 +1250,7 @@
                      <input
                        @change="changecyc2($event, 'text121')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text121"
                      />4
                    </td>
@@ -1058,6 +1258,7 @@
                      <input
                        @change="changecyc2($event, 'text124')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text124"
                      />5
                    </td>
@@ -1068,6 +1269,7 @@
                      <input
                        @change="changecyc2($event, 'text125')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text125"
                      />0
                    </td>
@@ -1075,6 +1277,7 @@
                      <input
                        @change="changecyc2($event, 'text126')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text126"
                      />1
                    </td>
@@ -1082,6 +1285,7 @@
                      <input
                        @change="changecyc2($event, 'text127')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text127"
                      />2
                    </td>
@@ -1089,6 +1293,7 @@
                      <input
                        @change="changecyc2($event, 'text128')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text128"
                      />3
                    </td>
@@ -1096,6 +1301,7 @@
                      <input
                        @change="changecyc2($event, 'text129')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text129"
                      />4
                    </td>
@@ -1103,6 +1309,7 @@
                      <input
                        @change="changecyc2($event, 'text130')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text130"
                      />5
                    </td>
@@ -1113,6 +1320,7 @@
                      <input
                        @change="changecyc2($event, 'text131')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text131"
                      />0
                    </td>
@@ -1120,6 +1328,7 @@
                      <input
                        @change="changecyc2($event, 'text132')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text132"
                      />1
                    </td>
@@ -1127,6 +1336,7 @@
                      <input
                        @change="changecyc2($event, 'text133')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text133"
                      />2
                    </td>
@@ -1134,6 +1344,7 @@
                      <input
                        @change="changecyc2($event, 'text134')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text134"
                      />3
                    </td>
@@ -1141,6 +1352,7 @@
                      <input
                        @change="changecyc2($event, 'text135')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text135"
                      />4
                    </td>
@@ -1148,6 +1360,7 @@
                      <input
                        @change="changecyc2($event, 'text136')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text136"
                      />5
                    </td>
@@ -1158,6 +1371,7 @@
                      <input
                        @change="changecyc2($event, 'text137')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text137"
                      />0
                    </td>
@@ -1165,6 +1379,7 @@
                      <input
                        @change="changecyc2($event, 'text138')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text138"
                      />1
                    </td>
@@ -1172,6 +1387,7 @@
                      <input
                        @change="changecyc2($event, 'text139')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text139"
                      />2
                    </td>
@@ -1179,6 +1395,7 @@
                      <input
                        @change="changecyc2($event, 'text140')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text140"
                      />3
                    </td>
@@ -1186,6 +1403,7 @@
                      <input
                        @change="changecyc2($event, 'text141')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text141"
                      />4
                    </td>
@@ -1193,6 +1411,7 @@
                      <input
                        @change="changecyc2($event, 'text142')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text142"
                      />5
                    </td>
@@ -1203,6 +1422,7 @@
                      <input
                        @change="changecyc2($event, 'text7')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text7"
                      />0
                    </td>
@@ -1210,6 +1430,7 @@
                      <input
                        @change="changecyc2($event, 'text8')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text8"
                      />1
                    </td>
@@ -1217,6 +1438,7 @@
                      <input
                        @change="changecyc2($event, 'text9')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text9"
                      />2
                    </td>
@@ -1224,6 +1446,7 @@
                      <input
                        @change="changecyc2($event, 'text10')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text10"
                      />3
                    </td>
@@ -1231,6 +1454,7 @@
                      <input
                        @change="changecyc2($event, 'text11')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text11"
                      />4
                    </td>
@@ -1238,6 +1462,7 @@
                      <input
                        @change="changecyc2($event, 'text12')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text12"
                      />5
                    </td>
@@ -1248,6 +1473,7 @@
                      <input
                        @change="changecyc2($event, 'text13')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text13"
                      />0
                    </td>
@@ -1255,6 +1481,7 @@
                      <input
                        @change="changecyc2($event, 'text14')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text14"
                      />1
                    </td>
@@ -1262,6 +1489,7 @@
                      <input
                        @change="changecyc2($event, 'text15')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text15"
                      />2
                    </td>
@@ -1269,6 +1497,7 @@
                      <input
                        @change="changecyc2($event, 'text16')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text16"
                      />3
                    </td>
@@ -1276,6 +1505,7 @@
                      <input
                        @change="changecyc2($event, 'text17')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text17"
                      />4
                    </td>
@@ -1283,6 +1513,7 @@
                      <input
                        @change="changecyc2($event, 'text18')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text18"
                      />5
                    </td>
@@ -1293,6 +1524,7 @@
                      <input
                        @change="changecyc2($event, 'text19')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text19"
                      />0
                    </td>
@@ -1300,6 +1532,7 @@
                      <input
                        @change="changecyc2($event, 'text20')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text20"
                      />1
                    </td>
@@ -1307,6 +1540,7 @@
                      <input
                        @change="changecyc2($event, 'text21')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text21"
                      />2
                    </td>
@@ -1314,6 +1548,7 @@
                      <input
                        @change="changecyc2($event, 'text22')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text22"
                      />3
                    </td>
@@ -1321,6 +1556,7 @@
                      <input
                        @change="changecyc2($event, 'text23')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text23"
                      />4
                    </td>
@@ -1328,6 +1564,7 @@
                      <input
                        @change="changecyc2($event, 'text24')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text24"
                      />5
                    </td>
@@ -1338,6 +1575,7 @@
                      <input
                        @change="changecyc2($event, 'text25')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text25"
                      />0
                    </td>
@@ -1345,6 +1583,7 @@
                      <input
                        @change="changecyc2($event, 'text26')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text26"
                      />1
                    </td>
@@ -1352,6 +1591,7 @@
                      <input
                        @change="changecyc2($event, 'text27')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text27"
                      />2
                    </td>
@@ -1359,6 +1599,7 @@
                      <input
                        @change="changecyc2($event, 'text28')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text28"
                      />3
                    </td>
@@ -1366,6 +1607,7 @@
                      <input
                        @change="changecyc2($event, 'text29')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text29"
                      />4
                    </td>
@@ -1373,6 +1615,7 @@
                      <input
                        @change="changecyc2($event, 'text30')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text30"
                      />5
                    </td>
@@ -1383,6 +1626,7 @@
                      <input
                        @change="changecyc2($event, 'text31')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text31"
                      />0
                    </td>
@@ -1390,6 +1634,7 @@
                      <input
                        @change="changecyc2($event, 'text32')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text32"
                      />1
                    </td>
@@ -1397,6 +1642,7 @@
                      <input
                        @change="changecyc2($event, 'text33')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text33"
                      />2
                    </td>
@@ -1404,6 +1650,7 @@
                      <input
                        @change="changecyc2($event, 'text34')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text34"
                      />3
                    </td>
@@ -1411,6 +1658,7 @@
                      <input
                        @change="changecyc2($event, 'text35')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text35"
                      />4
                    </td>
@@ -1418,6 +1666,7 @@
                      <input
                        @change="changecyc2($event, 'text36')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text36"
                      />5
                    </td>
@@ -1428,6 +1677,7 @@
                      <input
                        @change="changecyc2($event, 'text37')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text37"
                      />0
                    </td>
@@ -1435,6 +1685,7 @@
                      <input
                        @change="changecyc2($event, 'text38')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text38"
                      />1
                    </td>
@@ -1442,6 +1693,7 @@
                      <input
                        @change="changecyc2($event, 'text39')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text39"
                      />2
                    </td>
@@ -1449,6 +1701,7 @@
                      <input
                        @change="changecyc2($event, 'text40')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text40"
                      />3
                    </td>
@@ -1456,6 +1709,7 @@
                      <input
                        @change="changecyc2($event, 'text41')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text41"
                      />4
                    </td>
@@ -1463,6 +1717,7 @@
                      <input
                        @change="changecyc2($event, 'text42')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text42"
                      />5
                    </td>
@@ -1473,6 +1728,7 @@
                      <input
                        @change="changecyc2($event, 'text43')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text43"
                      />0
                    </td>
@@ -1480,6 +1736,7 @@
                      <input
                        @change="changecyc2($event, 'text44')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text44"
                      />1
                    </td>
@@ -1487,6 +1744,7 @@
                      <input
                        @change="changecyc2($event, 'text45')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text45"
                      />2
                    </td>
@@ -1494,6 +1752,7 @@
                      <input
                        @change="changecyc2($event, 'text46')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text46"
                      />3
                    </td>
@@ -1501,6 +1760,7 @@
                      <input
                        @change="changecyc2($event, 'text47')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text47"
                      />4
                    </td>
@@ -1508,6 +1768,7 @@
                      <input
                        @change="changecyc2($event, 'text48')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text48"
                      />5
                    </td>
@@ -1518,6 +1779,7 @@
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text49"
                      />0
                    </td>
@@ -1525,6 +1787,7 @@
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text50"
                      />1
                    </td>
@@ -1532,6 +1795,7 @@
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text51"
                      />2
                    </td>
@@ -1539,6 +1803,7 @@
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text52"
                      />3
                    </td>
@@ -1546,6 +1811,7 @@
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text53"
                      />4
                    </td>
@@ -1553,6 +1819,7 @@
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text54"
                      />5
                    </td>
@@ -1563,6 +1830,7 @@
                      <input
                        @change="changecyc2($event, 'text55')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text55"
                      />0
                    </td>
@@ -1570,6 +1838,7 @@
                      <input
                        @change="changecyc2($event, 'text56')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text56"
                      />1
                    </td>
@@ -1577,6 +1846,7 @@
                      <input
                        @change="changecyc2($event, 'text57')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text57"
                      />2
                    </td>
@@ -1584,6 +1854,7 @@
                      <input
                        @change="changecyc2($event, 'text58')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text58"
                      />3
                    </td>
@@ -1591,6 +1862,7 @@
                      <input
                        @change="changecyc2($event, 'text59')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text59"
                      />4
                    </td>
@@ -1598,6 +1870,7 @@
                      <input
                        @change="changecyc2($event, 'text60')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text60"
                      />5
                    </td>
@@ -1608,6 +1881,7 @@
                      <input
                        @change="changecyc2($event, 'text61')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text61"
                      />0
                    </td>
@@ -1615,6 +1889,7 @@
                      <input
                        @change="changecyc2($event, 'text62')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text62"
                      />1
                    </td>
@@ -1622,6 +1897,7 @@
                      <input
                        @change="changecyc2($event, 'text63')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text63"
                      />2
                    </td>
@@ -1629,6 +1905,7 @@
                      <input
                        @change="changecyc2($event, 'text64')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text64"
                      />3
                    </td>
@@ -1636,6 +1913,7 @@
                      <input
                        @change="changecyc2($event, 'text65')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text65"
                      />4
                    </td>
@@ -1643,6 +1921,7 @@
                      <input
                        @change="changecyc2($event, 'text66')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text66"
                      />5
                    </td>
@@ -1653,6 +1932,7 @@
                      <input
                        @change="changecyc2($event, 'text67')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text67"
                      />0
                    </td>
@@ -1660,6 +1940,7 @@
                      <input
                        @change="changecyc2($event, 'text68')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text68"
                      />1
                    </td>
@@ -1667,6 +1948,7 @@
                      <input
                        @change="changecyc2($event, 'text69')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text69"
                      />2
                    </td>
@@ -1674,6 +1956,7 @@
                      <input
                        @change="changecyc2($event, 'text70')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text70"
                      />3
                    </td>
@@ -1681,6 +1964,7 @@
                      <input
                        @change="changecyc2($event, 'text71')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text71"
                      />4
                    </td>
@@ -1688,6 +1972,7 @@
                      <input
                        @change="changecyc2($event, 'text72')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text72"
                      />5
                    </td>
@@ -1698,6 +1983,7 @@
                      <input
                        @change="changecyc2($event, 'text71')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text71"
                      />0
                    </td>
@@ -1705,6 +1991,7 @@
                      <input
                        @change="changecyc2($event, 'text72')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text72"
                      />1
                    </td>
@@ -1712,6 +1999,7 @@
                      <input
                        @change="changecyc2($event, 'text73')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text73"
                      />2
                    </td>
@@ -1719,6 +2007,7 @@
                      <input
                        @change="changecyc2($event, 'text74')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text74"
                      />3
                    </td>
@@ -1726,6 +2015,7 @@
                      <input
                        @change="changecyc2($event, 'text75')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text75"
                      />4
                    </td>
@@ -1733,6 +2023,7 @@
                      <input
                        @change="changecyc2($event, 'text76')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text76"
                      />5
                    </td>
@@ -1743,6 +2034,7 @@
                      <input
                        @change="changecyc2($event, 'text77')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text77"
                      />0
                    </td>
@@ -1750,6 +2042,7 @@
                      <input
                        @change="changecyc2($event, 'text78')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text78"
                      />1
                    </td>
@@ -1757,6 +2050,7 @@
                      <input
                        @change="changecyc2($event, 'text79')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text79"
                      />2
                    </td>
@@ -1764,6 +2058,7 @@
                      <input
                        @change="changecyc2($event, 'text80')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text80"
                      />3
                    </td>
@@ -1771,6 +2066,7 @@
                      <input
                        @change="changecyc2($event, 'text81')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text81"
                      />4
                    </td>
@@ -1778,6 +2074,7 @@
                      <input
                        @change="changecyc2($event, 'text82')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text82"
                      />5
                    </td>
@@ -1788,6 +2085,7 @@
                      <input
                        @change="changecyc2($event, 'text221')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text221"
                      />0
                    </td>
@@ -1795,6 +2093,7 @@
                      <input
                        @change="changecyc2($event, 'text222')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text222"
                      />1
                    </td>
@@ -1802,6 +2101,7 @@
                      <input
                        @change="changecyc2($event, 'text223')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text223"
                      />2
                    </td>
@@ -1809,6 +2109,7 @@
                      <input
                        @change="changecyc2($event, 'text224')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text224"
                      />3
                    </td>
@@ -1816,6 +2117,7 @@
                      <input
                        @change="changecyc2($event, 'text225')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text225"
                      />4
                    </td>
@@ -1823,6 +2125,7 @@
                      <input
                        @change="changecyc2($event, 'text226')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text226"
                      />5
                    </td>
@@ -1833,6 +2136,7 @@
                      <input
                        @change="changecyc2($event, 'text77')"
                        type="checkbox"
                          value="0"
                        :checked="chapter002.tablecyc2.text227"
                      />0
                    </td>
@@ -1840,6 +2144,7 @@
                      <input
                        @change="changecyc2($event, 'text78')"
                        type="checkbox"
                          value="1"
                        :checked="chapter002.tablecyc2.text228"
                      />1
                    </td>
@@ -1847,6 +2152,7 @@
                      <input
                        @change="changecyc2($event, 'text79')"
                        type="checkbox"
                          value="2"
                        :checked="chapter002.tablecyc2.text229"
                      />2
                    </td>
@@ -1854,6 +2160,7 @@
                      <input
                        @change="changecyc2($event, 'text80')"
                        type="checkbox"
                          value="3"
                        :checked="chapter002.tablecyc2.text230"
                      />3
                    </td>
@@ -1861,6 +2168,7 @@
                      <input
                        @change="changecyc2($event, 'text81')"
                        type="checkbox"
                          value="4"
                        :checked="chapter002.tablecyc2.text231"
                      />4
                    </td>
@@ -1868,18 +2176,34 @@
                      <input
                        @change="changecyc2($event, 'text82')"
                        type="checkbox"
                          value="5"
                        :checked="chapter002.tablecyc2.text232"
                      />5
                    </td>
                  </tr>
                </tbody>
              </table>
                <div class="table-bottom">
                  <div class="score" v-if="!isShowScore2">
                    æ‚¨çš„得分:<span style="color: red">请提交后查看!</span>
                  </div>
                  <div class="score" v-if="isShowScore2">
                    æ‚¨çš„得分:
                    <span style="color: red">{{ chapter002.score2 }}</span>
                  </div>
                  <div class="btn">
                    <span @click="submit(2)">提交</span>
                    <span @click="resetData(2)">重做</span>
                  </div>
                </div>
            </div>
            <p style="font-size: 14px">
              æ³¨ï¼šäººé™…压力 ï¼ˆ 1、2、4、15)、学习压力 ï¼ˆ 3、9、22、25)、受惩罚
                æ³¨ï¼šäººé™…压力 ï¼ˆ 1、2、4、15)、学习压力 ï¼ˆ
                3、9、22、25)、受惩罚
              ï¼ˆ18、19、20、21、23、24、26)、丧失(11、12、13、14、16、17)、适应(
              5、6、7、8、10)
            </p>
            </div>
          </div>
          <h4 id="d004">四、健康是每个人的生命之基</h4>
          <p>
@@ -1895,1176 +2219,61 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
        <div class="bodystyle">
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.多维健康包括<input
                @change="changeAssess($event, 'text1')"
                maxlength="20"
                :value="chapter002.tkItem01.text1"
                class="assess"
                type="text"
              />
            </p>
            <p class="block">
              2.我打算按如下做法提升自己的健康水平<input
                @change="changeAssess($event, 'text2')"
                maxlength="20"
                :value="chapter002.tkItem01.text1"
                class="assess"
                type="text"
              />
            </p>
            <p class="block">
              3.依据世界卫生组织的十大健康标准,我做得好的方面有<input
                @change="changeAssess($event, 'text3')"
                maxlength="20"
                :value="chapter002.tkItem01.text1"
                class="assess"
                type="text"
              />,有待改善的地方有<input
                :value="chapter002.tkItem01.text1"
                @change="changeAssess($event, 'text4')"
                maxlength="20"
                class="assess"
                type="text"
              />。
            </p>
            <p class="block">
              4.采用小组合作的形式,依据世界卫生组织身心健康指标编制问卷,
              å¯¹åŒå­¦ä»¬çš„身心健康状况及其影响因素进行调查,在老师的帮助下进行数据处理与分析,提出促进同学们身心健康发展的建议。
            </p>
          </div>
          <h3 id="c002">专题二 å½¢æˆå¥åº·çš„生活方式</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">1.了解什么是健康的生活方式。</p>
            <p class="block">2.掌握基本的健康生活方式。</p>
            <p class="block">3.养成健康的生活习惯。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="block">
              èº«ä½“瘦弱的小刘经常熬夜复习功课,加上生活不规律,他得了严重的胃病。在老师的建议下,他开始晨跑,并坚持吃早餐。渐渐地,他改掉了熬夜的习惯,胃病大大好转,精神面貌焕然一新,学习效率也大大提升……
            </p>
          </div>
          <p>
            æˆ‘们要深入开展健康中国行动和爱国卫生运动,倡导文明健康生活方式。健康的生活方式使人精力充沛、充满活力,反之则会导致各种身心疾病。生活方式会影响生命的质量和人生的长短。
          </p>
          <p>
            æœ¬ä¸“题将带同学们了解生活方式与健康的关系,了解中职学生该有的健康生活方式,帮同学们树立“做自己健康的第一责任人”的理念,提升健康素养,学会自我健康管理,掌握形成健康生活方式的方法,为同学们的健康人生导航。
          </p>
          <h4 id="d005">一、健康生活方式的内涵</h4>
          <p>
            ç”Ÿæ´»æ–¹å¼æ˜¯æŒ‡äººä»¬é•¿æœŸå—社会文化、经济、风俗、家庭的影响而形成的一系列的生活习惯、生活制度和生活意识。
          </p>
          <p>健康生活方式是指有益于健康的、习惯化的行为方式。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
        <div class="bodystyle">
          <h4 id="d006">二、中职学生的健康生活方式</h4>
          <p>对同学们来说,健康生活方式具体表现在如下几个方面。</p>
          <h5 id="e005">(一)强化卫生意识,养成良好卫生习惯</h5>
          <p>
            ç”Ÿæ´»ä¸­è¦æ³¨æ„å¢žå¼ºå«ç”Ÿæ„è¯†ï¼Œå…»æˆè‰¯å¥½çš„个人卫生、公共卫生和饮食卫生习惯,如勤洗手、常洗澡、早晚刷牙、饭后漱口;不共用洗漱和餐饮用品,聚餐用公勺、公筷;咳嗽、打喷嚏时遮掩口鼻;适时开窗通风,保持室内空气清新;保持环境卫生,不随意丢弃垃圾,垃圾要分类处理;注意饮水卫生,不喝生水;蔬菜水果要洗净;生、熟食品要分开存放和加工;不吃变质、超过保质期的食品。尤其是新型冠状病毒肺炎疫情暴发以来,同学们更要时刻注意保持卫生,不能松懈。
          </p>
          <h5 id="e006">(二)起居有常,生活作息规律</h5>
          <p>
            ç¡çœ æ˜¯æœºä½“复原休整和巩固记忆的重要环节,对大脑发育、骨骼生长、视力保护、身心健康和提高学习能力与效率至关重要。同学们应养成每天规律睡眠、充足睡眠的好习惯,不能晚上不睡、早晨不起、熬夜玩手机。
          </p>
          <p>
            ç”Ÿæ´»ä½œæ¯è§„律可以使我们形成稳定的生物钟,轻松进入工作、学习和生活的良好状态,起到事半功倍的效果。如果由于特殊情况,不能按正常作息安排一日生活,应尽量保证每天充足的睡眠、适当的体育锻炼,按时吃饭,以免打乱生物钟,影响我们的身体健康。如果未来同学们从事的职业作息与一般人作息不同但相对稳定,那么,同学们可以建立新的作息时间表,形成新的生物钟。
          </p>
          <h5 id="e007">(三)合理膳食,均衡营养,文明就餐</h5>
          <p>
            åŒå­¦ä»¬æ­£å¤„于生长发育和学习进步的关键时期。而且在职业技能的学习过程中,能量需求量大,因此在饮食上必须多加注意。
          </p>
          <p>
            ç¬¬ä¸€ï¼Œåˆç†å®‰æŽ’一日三餐,做到进餐有时、三餐有别,“早好”“中饱”“晚少”,不暴饮暴食,也不过分节食,饥饱要适当。每日膳食要食物多样,营养均衡,保证主食、优质蛋白质、新鲜瓜果蔬菜的摄入。有些同学采用不吃主食、只吃果蔬的方式来控制体重或保持身材,这是不明智的。
          </p>
          <p>
            ç¬¬äºŒï¼Œé¥®é£Ÿè¦æ¸…淡,做到“三减”——减油、减盐、减糖,控制辛辣、刺激、甜腻等食品的摄入量。每天足量饮用白开水,不喝或少喝含糖饮料。如果未来从事的是消耗能量很大的职业,可适当补充一些运动饮料等。一些同学喜欢饮用各种高糖饮料,甚至替代饮用水。这尤其不利于身体健康,需要立刻改掉这种习惯。
          </p>
          <p>
            ç¬¬ä¸‰ï¼Œæ–‡æ˜Žå°±é¤ã€‚就餐时最好采用分餐制,注重餐桌礼仪,敬老爱幼不喧哗;量腹而取,食尽盘光,做到美好“食”光不浪费。
          </p>
          <p>
            ä¸­å›½è¥å…»å­¦ä¼šå…¬å¸ƒçš„《中国居民膳食指南(2022)》为我们提供了每日应摄入的食物种
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <div class="bodystyle">
          <p>
            ç±»åŠåˆç†æ•°é‡ã€é€‚宜的身体活动量及饮水量参考,并以膳食宝塔的形式直观展现,是我们日常饮食应遵守的基本准则(见图1-2-1)。
          </p>
          <p class="center">
            <img class="img-c" alt="" src="../image/0021-1.jpg" />
          </p>
          <p class="img">图1-2-1 ä¸­å›½å±…民平衡膳食宝塔(2022)</p>
          <p class="center"><b>平衡膳食八大准则</b></p>
          <div class="bk-wbj">
            <p><b>准则一</b> <span class="kaiti">食物多样,合理搭配</span></p>
            <p><b>准则二</b> <span class="kaiti">吃动平衡,健康体重</span></p>
            <p>
              <b>准则三</b> <span class="kaiti">
                å¤šæ¬¡è”¬æžœã€å¥¶ç±»ã€å…¨è°·ã€å¤§è±†</span
              >
            </p>
            <p>
              <b>准则四</b> <span class="kaiti"> é€‚量吃鱼、禽、蛋、瘦肉</span>
            </p>
            <p><b>准则五</b> <span class="kaiti">少盐少油,控糖限酒</span></p>
            <p><b>准则六</b> <span class="kaiti">规律进餐,足量饮水</span></p>
            <p><b>准则七</b> <span class="kaiti">会烹会选,会看标签</span></p>
            <p><b>准则八</b> <span class="kaiti">公筷分餐,杜绝浪费</span></p>
          </div>
          <div class="bk-xyx">
            <p class="bj1-xyx">比一比</p>
            <p>
              è¯·ä¾æ®å¹³è¡¡è†³é£Ÿå®å¡”,为自己设计一周的营养膳食并实践。与同学互评,看看谁的更健康。
            </p>
          </div>
          <h5 id="e008">(四)坚持科学锻炼</h5>
          <p>
            è¿åŠ¨æ˜¯å¥åº·ç”Ÿæ´»æ–¹å¼ä¸å¯æˆ–ç¼ºçš„é‡è¦å†…å®¹ï¼Œåº”æˆä¸ºæˆ‘ä»¬ç”Ÿæ´»çš„ä¸€éƒ¨åˆ†ã€‚æ¯ä¸ªåŒå­¦éƒ½åº”åŸ¹å…»å®šæœŸã€å®šé‡è¿åŠ¨çš„è‰¯å¥½ä¹ æƒ¯ã€‚å³ä¾¿æ˜¯ä¸€äº›ä½“åŠ›æ€§çš„èŒä¸šå­¦ä¹ ï¼ˆè¿åŠ¨æ€§å·¥ä½œé™¤å¤–ï¼‰ä¹Ÿä¸èƒ½æ›¿ä»£ä½“è‚²è¿åŠ¨ã€‚ä½†æ˜¯ï¼Œè¿åŠ¨ä¹Ÿæ˜¯ä¸€æŠŠâ€œåŒåˆƒå‰‘â€ã€‚åœ¨æ—¥å¸¸é”»ç‚¼ä¸­ï¼ŒæŽŒæ¡ç§‘å­¦çš„é”»ç‚¼æ–¹æ³•æ˜¯ä¿è¯æˆ‘ä»¬ç»ˆèº«é”»ç‚¼çš„å…³é”®ã€‚
          </p>
          <p>
            ç¬¬ä¸€ï¼Œæ³¨æ„è¿åŠ¨çŽ¯å¢ƒçš„é€‰æ‹©ã€‚å‚è€ƒå› ç´ åŒ…æ‹¬ç©ºæ°”è´¨é‡ã€æ°”æ¸©ã€æ¹¿åº¦ä»¥åŠå¤ªé˜³å…‰çº¿ç­‰ã€‚ä¸é€‚å®œçš„çŽ¯å¢ƒå¯èƒ½ä¼šå½±å“é”»ç‚¼æ•ˆæžœï¼Œç”šè‡³å±å®³èº«ä½“å¥åº·ã€‚
          </p>
          <p>
            ç¬¬äºŒï¼Œéµå®ˆç§‘学锻炼原则。具体包括全面发展原则、循序渐进原则、适量性原则、延续性原则、个别对待原则和健康性原则。
          </p>
          <p>第三,针对自身特点,制定运动处方,提高锻炼效果。</p>
          <p>
            ç¬¬å››ï¼Œå…»æˆè‰¯å¥½çš„运动卫生习惯,如穿浅色、轻薄和透气良好的运动服装,运动时养成用鼻呼吸的习惯;运动后及时消汗保暖,更换衣物等。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <div class="xyx-title">适宜运动环境的选择</div>
            <div class="xyx-text">
              <p>
                ç¬¬ä¸€ï¼Œæœ€å¥½é€‰æ‹©æˆ·å¤–地域空旷、空气新鲜且又安全的地方进行锻炼,但雾霾或空气污染
                æ¯”较严重时不要在室外运动。避免到人群喧闹、噪声较大、交通拥挤的地方运动。在室内锻
                ç‚¼æ—¶è¦ä¿æŒç©ºæ°”流通。
              </p>
              <p>
                ç¬¬äºŒï¼Œè¿åŠ¨åœºæ‰€çš„æ¸©åº¦è¦é€‚å®œï¼Œé¿å…åœ¨é«˜æ¸©é—·çƒ­ä¸­è¿åŠ¨ã€‚æ°”æ¸©è¶…è¿‡
                35℃时,人会因大
                é‡å‡ºæ±—、体液减少而导致运动能力下降,甚至出现痉挛、中暑等情况。适宜运动的空气湿度
                ä¸º 30%~70%。
              </p>
              <p>第三,跑步时可选择地面平整的操场、公园、河边的人行道等地。</p>
              <p>
                ç¬¬å››ï¼Œä»Žäº‹éª‘行、远足等运动,最好选在自然景点,行动路线尽量选在自然景色美、树
                æœ¨è¾ƒå¤šã€è·¯é¢è¾ƒå¹³å¦çš„地段。
              </p>
              <p>
                ç¬¬äº”,体操、武术、气功等运动,可在空气新鲜、环境优美、噪声小的公园空地、树林、
                æ²³è¾¹ä»¥åŠå®¶åº­åº­é™¢é‡Œè¿›è¡Œã€‚跳绳、踢毽、羽毛球等运动可在地势平坦的空地上进行。艺术体
                æ“ã€å¥ç¾Žæ“ç­‰è¿åŠ¨å¯åœ¨è‰åœ°ä¸Šè¿›è¡Œã€‚
              </p>
            </div>
            <!-- <p>
              è¯·åŒå­¦ä»¬ç™»å½•课程平台<a id="w1"></a
              ><a href="chapter002.html#m1"><sup>[1]</sup></a
              >查阅“健康概念的演变”。
            </p> -->
            <!-- <p>
              è¯·åŒå­¦ä»¬ç™»å½•课程平台查阅“适宜运动环境的选择”,并与同学讨论校园内哪些地方适宜锻炼。
            </p> -->
          </div>
          <div class="bk-xyx">
            <p class="bj1-xyx">试一试</p>
            <div class="xyx-title">个人运动处方的制定</div>
            <div class="xyx-text">
              <p>
                ç¬¬ä¸€ï¼Œç¡®å®šé”»ç‚¼çš„目标。可以把自己体质健康测试中的各项结果与《国家学生体质健康
                æ ‡å‡†ã€‹è¿›è¡Œæ¯”较,没有达到“良好”的项目,应定为重点锻炼目标。
              </p>
              <p>
                ç¬¬äºŒï¼Œç¡®å®šé”»ç‚¼çš„内容。依据锻炼目标设定锻炼内容,但不论锻炼目标如何,运动处方
                ä¸­çš„锻炼内容都应以有氧运动为基础,结合其他相应的锻炼形式进行,即一般都包括有氧运
                åŠ¨ã€åŠ›é‡æ€§è¿åŠ¨å’ŒæŸ”éŸ§æ€§è¿åŠ¨ã€‚å½“ç„¶ï¼Œé€‰æ‹©è¿åŠ¨å†…å®¹æ—¶åº”è€ƒè™‘è‡ªå·±çš„çˆ±å¥½ä»¥åŠå­¦æ ¡ã€ç¤¾åŒºå’Œ
                å®¶åº­å¯åˆ©ç”¨çš„场地与设施等条件。
              </p>
              <p>
                ç¬¬ä¸‰ï¼Œç¡®å®šè¿åŠ¨çš„å¼ºåº¦ã€‚é€šå¸¸ï¼Œæœ€å¤§å¿ƒçŽ‡çš„ 60%~85%
                ä¸ºè¿åŠ¨çš„é€‚å®œå¿ƒçŽ‡ã€‚å¯¹å¥ åº·çš„中职生来说,最大心率可用“220 -
                å¹´é¾„”来计算;如果平时经常参加运动,则用 â€œ210 - å¹´é¾„ Ã—0.8”计算。
              </p>
              <p>
                ç¬¬å››ï¼Œç¡®å®šè¿åŠ¨çš„æ—¶é—´å’Œé¢‘çŽ‡ã€‚è¿åŠ¨æ—¶é—´å› è¿åŠ¨å¼ºåº¦ã€é¢‘çŽ‡ã€ç›®çš„ã€å¹´é¾„ã€èº«ä½“æ¡ä»¶ç­‰
                è€Œä¸åŒï¼Œä¸€èˆ¬èº«ä½“的各项生理功能(尤其对呼吸和循环系统产生有效的刺激)被调动起来参
                ä¸Žè¿åŠ¨éœ€ 3~5 åˆ†é’Ÿï¼Œè¾¾åˆ°æ’定运动状态后还要持续 10~15
                åˆ†é’Ÿæ‰èƒ½ä¿æŒè¿åŠ¨çš„è‰¯å¥½æ•ˆåº”ï¼Œ å†åŠ ä¸Š 10
                åˆ†é’Ÿçš„准备和放松活动,所以一次有效的健身运动最低限度应有 30
                åˆ†é’Ÿï¼Œè¿›è¡Œæœ‰ æ°§è¿åŠ¨æ—¶å¯åœ¨ 20~60
                åˆ†é’Ÿå†…根据情况决定必要的运动时间。
              </p>
              <p class="xyx-fu">附:</p>
              <div class="xyx-fu-title">减肥运动处方</div>
              <p>
                è¿åŠ¨å‡è‚¥ä¸æ˜¯å¿ƒè¡€æ¥æ½®çš„ä¸€é—ªå¿µï¼Œè€Œæ˜¯ä¸´åºŠåŒ»å­¦çš„ä¸€ç§ç§‘å­¦æ²»ç–—æ–¹æ³•ã€‚ä¸€èˆ¬ç”·å­ä½“è„‚ç™¾
                åˆ†æ¯”超过 20%,女子超过 28%,体重超标 20%
                ä»¥ä¸Šï¼Œå³å»ºè®®å‡è‚¥ã€‚在制订减肥运动处方时,
                åº”遵循安全性、有效性和可接受性原则。运动减肥的效果在较大程度上依赖于所采用的运动
                å¤„方是否适用。运动处方包括运动方式、运动强度、运动持续时间及运动频率
                4 è¦ç´ ï¼ŒåŒæ—¶ è¿˜æœ‰æ³¨æ„äº‹é¡¹ã€‚
              </p>
              <p class="xyx-fu-ss">1. å‡è‚¥ç›®æ ‡å’Œè®¡åˆ’的确定</p>
              <p>
                ä¸ºä¿è¯å®‰å…¨å‡è‚¥ï¼Œæ¯å‘¨ä½“重减轻量不超过 1 åƒå…‹ï¼Œé€šå¸¸ä»¥ 0.5
                åƒå…‹ä¸ºå®œï¼Œå¦åˆ™ä¸èƒ½çœŸæ­£ æŒç»­åœ°å®žçŽ°å‡è‚¥ç›®çš„ã€‚æ¯æ—¥èƒ½é‡å¹³è¡¡ä¸è¶…è¿‡
                2093~4185 åƒç„¦ã€‚减肥期间每日能量摄入不低 äºŽ 5023
                åƒç„¦ï¼Œä»¥ä¿è¯æ­£å¸¸çš„基础代谢。每日运动耗能量应达到 1255~2093
                åƒç„¦ï¼Œæ¯å‘¨è¾¾åˆ° 4185~8370
                åƒç„¦ã€‚在制订减肥运动处方前,应根据体脂测评结果确定减肥目标,制订减肥计
                åˆ’。研究表明,减少 1 åƒå…‹çš„身体脂肪,大约消耗 32228
                åƒç„¦çš„热能,慢跑 112.7 åƒç±³æˆ–骑自行车 12 å°æ—¶ã€‚
              </p>
              <p class="xyx-fu-ss">2. è¿åŠ¨å¼ºåº¦</p>
              <p>
                ç”±äºŽè‚¥èƒ–者对运动强度的耐受性差异很大,在制订减肥运动处方前,应进行递增负荷运
                åŠ¨è€åŠ›æµ‹è¯•ï¼ˆGXT
                æµ‹è¯•),根据所测的肥胖者最大运动能力(最大活动强度值)来制订运动
                å¼ºåº¦ã€‚通常减肥运动处方的强度为 45%~65%
                æœ€å¤§è¿åŠ¨èƒ½åŠ›ï¼ˆæœ€å¤§æ´»åŠ¨å¼ºåº¦å€¼ï¼‰ï¼Œç›¸åº”çš„é¶ çŽ‡ä¸º 60%~70%
                æœ€å¤§å¿ƒçŽ‡ï¼Œä¸»è§‚ä½“åŠ›æ„Ÿè§‰ç¨‹åº¦ï¼ˆRPE)大约为 13~16。GXT
                æµ‹è¯•不仅能显示
                å¿ƒè‚ºåŠŸèƒ½æœ‰æ— å¼‚å¸¸ï¼Œè€Œä¸”ä¹Ÿå¯ä»¥è¡¨æ˜Žå‚åŠ æ´»åŠ¨è€…çš„æœ€åˆè¿åŠ¨èƒ½åŠ›ã€‚
              </p>
              <p class="xyx-fu-ss">3. è¿åŠ¨æŒç»­æ—¶é—´å’Œè¿åŠ¨é¢‘çŽ‡</p>
              <p>
                ä¾æ®ç¾Žå›½è¿åŠ¨åŒ»å­¦ä¼šï¼ˆASM)的建议,减肥运动每次的锻炼时间至少 30
                åˆ†é’Ÿï¼Œä¸€èˆ¬ä¸º 40~60 åˆ†é’Ÿï¼Œç»ƒä¹ é¢‘率为每周 5~7
                æ¬¡ã€‚持续时间和运动频率应在参加者体质健康和心肺功能
                çš„安全范围之内。
              </p>
              <p class="xyx-fu-ss">4. è¿åŠ¨æ–¹å¼</p>
              <p>
                è¿åŠ¨æ–¹å¼å³é”»ç‚¼å†…å®¹ï¼Œé€šå¸¸å‡è‚¥è¿åŠ¨åº”ä»¥æœ‰æ°§è¿åŠ¨ä¸ºä¸»ã€‚é”»ç‚¼å†…å®¹åº”ä»¥ä½¿å‚åŠ è€…æ„Ÿå…´è¶£ï¼Œ
                èƒ½åšæŒä¸‹åŽ»ï¼Œè¿åŠ¨è´¹ç”¨èƒ½å¤Ÿæ‰¿å—çš„å¥æ­¥èµ°ã€æ…¢è·‘ã€éª‘è‡ªè¡Œè½¦ã€æœ‰æ°§å¥èº«æ“ã€å¤ªæžæ‹³ã€æ¸¸æ³³ä»¥
                åŠå„球类活动等为主。此外,也要结合抗阻力量练习,即在增加能量消耗的基础上,增加瘦
                ä½“重。
              </p>
              <p class="xyx-fu-ss">5. æ³¨æ„äº‹é¡¹</p>
              <p>
                æ¯æ¬¡è¿åŠ¨æ—¶ï¼Œè¦æ³¨æ„åœ¨å¼€å§‹æ—¶åšå¥½å……åˆ†å‡†å¤‡æ´»åŠ¨ï¼Œåœ¨ç»“æŸæ—¶åšå¥½æ•´ç†æ´»åŠ¨ã€‚è¿åŠ¨è¿‡ç¨‹ä¸­
                è¦ç»†å¿ƒè§‚察体会主观体力感觉程度,如果过于轻松或过于吃力,可对练习内容和运动量做适
                å½“调整,避免运动伤害事发生,以第二天不感到很疲劳为宜。
              </p>
              <p>
                åœ¨å®žæ–½å‡è‚¥è¿åŠ¨å¤„æ–¹çš„è¿‡ç¨‹ä¸­ï¼Œè¦éšæ—¶è§‚å¯Ÿæ•ˆæžœï¼Œé€šå¸¸æœ‰æ•ˆçš„å‡è‚¥è¿åŠ¨æ–¹æ¡ˆå®žæ–½ä¸€æ®µæ—¶
                é—´åŽï¼Œå‡ºçŽ°ä½“è„‚ä¸‹é™ã€è…°å›´ç¼©å°ã€å¿ƒè‚ºåŠŸèƒ½æé«˜ç­‰è‰¯å¥½çš„è¿åŠ¨æ•ˆæžœã€‚è‹¥æ•ˆæžœä¸æ˜Žæ˜¾ï¼Œæˆ–è‚¥èƒ–
                è€…坚持不下来,则需要修正运动处方。因此,在减肥运动的训练时间安排上,要根据肥胖者
                çš„肥胖程度、预期减肥要求及个体可接受的运动强度和频率来安排总的练习时间,可从数周
                è‡³æ•°å¹´ã€‚循序渐进,持之以恒,运动减肥效果才能显著。
              </p>
              <p>
                åœ¨å®žæ–½è¿åŠ¨å‡è‚¥è®¡åˆ’è¿‡ç¨‹ä¸­ï¼Œåº”æ³¨æ„é¥®é£Ÿè°ƒæ•´ï¼Œåœ¨æ»¡è¶³æœºä½“è¥å…»éœ€è¦çš„åŸºç¡€ä¸Šï¼Œå°½é‡å‡
                å°‘热量的过多摄入,主要是控制脂肪、糖类和食物总量的摄入。
              </p>
            </div>
            <!-- <p>
              è¯·åŒå­¦ä»¬ç™»å½•课程平台学习“个人运动处方制定”相关内容,根据自身情况设计专属运动处方,并向老师汇报。
            </p> -->
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
        <div class="bodystyle">
          <h5 id="e009">(五)培养良好的兴趣爱好,远离和戒除陋习</h5>
          <p>
            ç¬¬ä¸€ï¼ŒåŸ¹å…»è‰¯å¥½çš„兴趣爱好。挖掘自身潜在素质,培养广泛而良好的兴趣爱好,使自己的人生多姿多彩,增加幸福指数,为形成健康生活方式奠定基础。
          </p>
          <p>
            ç¬¬äºŒï¼Œè¿œç¦»å’Œæˆ’除陋习。吸烟、酗酒、网络成瘾等陋习是青少年成长过程中较大的绊脚石。一旦沾染,如不及时戒除,就可能伴随一生,损害同学们的身体,甚至危及同学们的生命。这些陋习不是现代文明社会公民应有的生活方式,更不是中职学生应有的生活方式。
          </p>
          <h5 id="e010">(六)关注身体健康</h5>
          <p>
            ç¬¬ä¸€ï¼Œå®šæœŸä½“检,评估身体健康状况,对生长发育问题和疾病做到早发现、早矫治、早恢复。
          </p>
          <p>第二,出现病症及时就医,遵医嘱治疗,理性对待诊疗结果。</p>
          <p>
            ç¬¬ä¸‰ï¼Œéµå®ˆå®‰å…¨ç”¨è¯åŽŸåˆ™ï¼Œèƒ½å£æœå°±ä¸è‚Œè‚‰æ³¨å°„ï¼Œèƒ½è‚Œè‚‰æ³¨å°„å°±ä¸è¾“æ¶²ï¼›å¦‚è‹¥å¿…éœ€ï¼Œåˆ™é¡»éµåŒ»å˜±ä½¿ç”¨æŠ—ç”Ÿç´ ã€é•‡é™å‚¬çœ è¯ã€é•‡ç—›è¯ã€æ­¢å’³ç³–æµ†ä»¥åŠå…¶ä»–æˆç˜¾æ€§è¯ç‰©ï¼Œé¿å…è¯ç‰©ä¾èµ–ï¼›è¯å“åº”å­˜æ”¾åœ¨é¿å…‰ã€å¹²ç‡¥å¤„ï¼›å®šæœŸæ£€æŸ¥è¯å“æ˜¯å¦è¿‡æœŸï¼Œè¿‡æœŸåŽç¦æ­¢ä½¿ç”¨ã€‚
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <div class="xyx-title">一评二控三减四健——全民健康生活方式行动</div>
            <div class="xyx-text">
              <p>
                â€œä¸€è¯„”即健康评估,健康指标检测,评估居民身心健康状况,提早干预;
              </p>
              <p>“二控”即控烟、控酒;</p>
              <p>“三减”即减盐、减油、减糖;</p>
              <p>“四健”即健康体重、健康口腔、健康骨骼、健康心理。</p>
            </div>
            <!-- <p>
              è¯·åŒå­¦ä»¬ç™»å½•课程平台学习“一评二控三减四健——全民健康生活方式行动”。
            </p> -->
          </div>
          <h5 id="e011">(七)注重心理健康</h5>
          <p>心理健康对于同学们来说具体可表现为如下几点。</p>
          <p>第一,热爱生活,有幸福感。</p>
          <p>
            ç¬¬äºŒï¼Œæœ‰èƒ½åŠ›å»ºç«‹å’Œç»´æŒè‰¯å¥½çš„äººé™…å…³ç³»ï¼Œå¦‚èƒ½è¾ƒå¿«èžå…¥é™Œç”Ÿç¾¤ä½“ï¼Œèƒ½ä¸Žäººå’Œè°ç›¸å¤„ç­‰ã€‚ç¬¬ä¸‰ï¼Œç§¯æžå‚ä¸Žæœ‰æ„ä¹‰çš„æ ¡å›­æ´»åŠ¨åŠç¤¾ä¼šæ´»åŠ¨ï¼Œæœ‰èƒ½åŠ›å‚ä¸Žç›¸åº”çš„å·¥ä½œã€‚
          </p>
          <p>
            ç¬¬å››ï¼Œä¹è§‚向上、心态平和,能应对生活和学习中的挑战,并从中获得成长。
          </p>
          <p>
            ç¬¬äº”,重视和维护心理健康,遇到心理困扰时能主动寻求帮助,采用积极有效的压力应对方式(如合理运动等),及时疏导不良情绪,保持心理健康。
          </p>
          <h4 id="d007">三、提升健康素养,学会自我健康管理</h4>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <!-- <p>请同学们登录课程平台学习“健康素养66条”。</p> -->
            <div class="xyx-title">一评二控三减四健——全民健康生活方式行动</div>
            <div class="xyx-text">
              <p class="xyx-tips">一、基本知识和理念(25 æ¡ï¼‰</p>
              <p>
                1.
                å¥åº·ä¸ä»…仅是没有疾病或虚弱,而是身体、心理和社会适应的完好状态。
              </p>
              <p>
                2.
                æ¯ä¸ªäººéƒ½æœ‰ç»´æŠ¤è‡ªèº«å’Œä»–人健康的责任,健康的生活方式能够维护和促进自身健康。
              </p>
              <p>3. çŽ¯å¢ƒä¸Žå¥åº·æ¯æ¯ç›¸å…³ï¼Œä¿æŠ¤çŽ¯å¢ƒï¼Œä¿ƒè¿›å¥åº·ã€‚</p>
              <p>4. æ— å¿çŒ®è¡€ï¼ŒåŠ©äººåˆ©å·±ã€‚</p>
              <p>5. æ¯ä¸ªäººéƒ½åº”当关爱、帮助、不歧视病残人员。</p>
              <p>6. å®šæœŸè¿›è¡Œå¥åº·ä½“检。</p>
              <p>
                7. æˆå¹´äººçš„æ­£å¸¸è¡€åŽ‹ä¸ºæ”¶ç¼©åŽ‹ â‰¥90mmHg ä¸”< 140 mmHg,舒张压
                â‰¥60mmHg ä¸”< 90 mmHg;腋下体温 36℃~37℃ ï¼›å¹³é™å‘¼å¸ 16~20 æ¬¡ /
                åˆ†ï¼›å¿ƒçއ 60~100 æ¬¡ / åˆ†ã€‚
              </p>
              <p>
                8.
                æŽ¥ç§ç–«è‹—是预防一些传染病最有效、最经济的措施,儿童出生后应当按照免疫程序接
                ç§ç–«è‹—
              </p>
              <p>
                9.
                åœ¨æµæ„Ÿæµè¡Œå­£èŠ‚å‰æŽ¥ç§æµæ„Ÿç–«è‹—å¯å‡å°‘æ‚£æµæ„Ÿçš„æœºä¼šæˆ–å‡è½»æ‚£æµæ„ŸåŽçš„ç—‡çŠ¶ã€‚
              </p>
              <p>
                10.
                è‰¾æ»‹ç—…、乙肝和丙肝通过血液、性接触和母婴三种途径传播,日常生活和工作接触
                ä¸ä¼šä¼ æ’­ã€‚
              </p>
              <p>
                11.
                è‚ºç»“核主要通过病人咳嗽、打喷嚏、大声说话等产生的飞沫传播;出现咳嗽、咳痰
                2 å‘¨ä»¥ä¸Šï¼Œæˆ–痰中带血,应当及时检查是否得了肺结核。
              </p>
              <p>
                12.
                åšæŒè§„范治疗,大部分肺结核病人能够治愈,并能有效预防耐药结核的产生。
              </p>
              <p>
                13.
                åœ¨è¡€å¸è™«ç—…流行区,应当尽量避免接触疫水;接触疫水后,应当及时进行检查或接
                å—预防性治疗。
              </p>
              <p>
                14.
                å®¶å…»çŠ¬ã€çŒ«åº”å½“æŽ¥ç§å…½ç”¨ç‹‚çŠ¬ç—…ç–«è‹—ï¼›äººè¢«çŠ¬ã€çŒ«æŠ“ä¼¤ã€å’¬ä¼¤åŽï¼Œåº”å½“ç«‹å³å†²æ´—ä¼¤å£ï¼Œ
                å¹¶å°½å¿«æ³¨å°„抗狂犬病免疫球蛋白(或血清)和人用狂犬病疫苗。
              </p>
              <p>15. èšŠå­ã€è‹è‡ã€è€é¼ ã€èŸ‘螂等会传播疾病。</p>
              <p>
                16. å‘现病死禽畜要报告,不加工、不食用病死禽畜,不食用野生动物。
              </p>
              <p>
                17.
                å…³æ³¨è¡€åŽ‹å˜åŒ–ï¼ŒæŽ§åˆ¶é«˜è¡€åŽ‹å±é™©å› ç´ ï¼Œé«˜è¡€åŽ‹æ‚£è€…è¦å­¦ä¼šè‡ªæˆ‘å¥åº·ç®¡ç†ã€‚
              </p>
              <p>
                18.
                å…³æ³¨è¡€ç³–变化,控制糖尿病危险因素,糖尿病患者应当加强自我健康管理。
              </p>
              <p>19. ç§¯æžå‚加癌症筛查,及早发现癌症和癌前病变。</p>
              <p>
                20. æ¯ä¸ªäººéƒ½å¯èƒ½å‡ºçŽ°æŠ‘éƒå’Œç„¦è™‘æƒ…ç»ªï¼Œæ­£ç¡®è®¤è¯†æŠ‘éƒç—‡å’Œç„¦è™‘ç—‡ã€‚
              </p>
              <p>21. å…³çˆ±è€å¹´äººï¼Œé¢„防老年人跌倒,识别老年期痴呆。</p>
              <p>
                22. é€‰æ‹©å®‰å…¨ã€é«˜æ•ˆçš„避孕措施,减少人工流产,关爱妇女生殖健康。
              </p>
              <p>23. ä¿å¥é£Ÿå“ä¸æ˜¯è¯å“ï¼Œæ­£ç¡®é€‰ç”¨ä¿å¥é£Ÿå“ã€‚</p>
              <p>
                24.
                åŠ³åŠ¨è€…è¦äº†è§£å·¥ä½œå²—ä½å’Œå·¥ä½œçŽ¯å¢ƒä¸­å­˜åœ¨çš„å±å®³å› ç´ ï¼Œéµå®ˆæ“ä½œè§„ç¨‹ï¼Œæ³¨æ„ä¸ªäººé˜²
                æŠ¤ï¼Œé¿å…èŒä¸šä¼¤å®³ã€‚
              </p>
              <p>25. ä»Žäº‹æœ‰æ¯’有害工种的劳动者享有职业保护的权利。</p>
              <p class="xyx-tips">二、健康生活方式与行为(29 æ¡ï¼‰</p>
              <p>
                26. å¥åº·ç”Ÿæ´»æ–¹å¼ä¸»è¦åŒ…括合理膳食、适量运动、戒烟限酒、心理平衡。
              </p>
              <p>27. ä¿æŒæ­£å¸¸ä½“重,避免超重、肥胖。</p>
              <p>
                28. è†³é£Ÿåº”当以谷类为主,多吃蔬菜、水果和薯类,荤素、粗细搭配。
              </p>
              <p>29. æ¯å¤©é£Ÿç”¨å¥¶ç±»ã€è±†ç±»åŠå…¶åˆ¶å“ã€‚</p>
              <p>30. è†³é£Ÿè¦æ¸…淡,要少油、少盐、少糖,食用合格碘盐。</p>
              <p>31. è®²ç©¶é¥®æ°´å«ç”Ÿï¼Œæ¯å¤©é€‚量饮水。</p>
              <p>
                32.
                ç”Ÿã€ç†Ÿé£Ÿå“è¦åˆ†å¼€å­˜æ”¾å’ŒåŠ å·¥ï¼Œç”Ÿåƒè”¬èœæ°´æžœè¦æ´—å‡€ï¼Œä¸åƒå˜è´¨ã€è¶…è¿‡ä¿è´¨æœŸçš„
                é£Ÿå“ã€‚
              </p>
              <p>
                33. æˆå¹´äººæ¯æ—¥åº”当进行 6~10
                åƒæ­¥å½“量的活动,动则有益,贵在坚持。
              </p>
              <p>
                34.
                å¸çƒŸå’ŒäºŒæ‰‹çƒŸæš´éœ²ä¼šå¯¼è‡´ç™Œç—‡ã€å¿ƒè¡€ç®¡ç–¾ç—…、呼吸系统疾病等多种疾病。
              </p>
              <p>35.“低焦油卷烟”“中草药卷烟”不能降低吸烟带来的危害。</p>
              <p>36. ä»»ä½•年龄戒烟均获益,越早越好,戒烟门诊可提供专业服务。</p>
              <p>37. å°‘饮酒,不酗酒。</p>
              <p>
                38. éµåŒ»å˜±ä½¿ç”¨é•‡é™å‚¬çœ è¯ã€é•‡ç—›è¯ç­‰æˆç˜¾æ€§è¯ç‰©ï¼Œé¢„防药物依赖。
              </p>
              <p>39. æ‹’绝毒品。</p>
              <p>40. æ¯å¤©ä¿è¯ 7~8 å°æ—¶ç¡çœ ã€‚</p>
              <p>41. é‡è§†å’Œç»´æŠ¤å¿ƒç†å¥åº·ï¼Œé‡åˆ°å¿ƒç†é—®é¢˜æ—¶ä¸»åŠ¨å¯»æ±‚å¸®åŠ©ã€‚</p>
              <p>
                42. å‹¤æ´—手、常洗澡、早晚刷牙、饭后漱口,不共用毛巾和洗漱用品
              </p>
              <p>
                43. æ ¹æ®å¤©æ°”变化和空气质量,适时开窗通风,保持室内空气流通。
              </p>
              <p>44. ä¸åœ¨å…¬å…±åœºæ‰€å¸çƒŸã€åç—°ï¼Œå’³å—½ã€æ‰“喷嚏时遮掩口鼻。</p>
              <p>45. å†œæ‘使用卫生厕所,管理好人畜粪便。</p>
              <p>46. ç§‘学就医,及时就诊,遵医嘱治疗,理性对待诊疗结果。</p>
              <p>
                47.
                å®‰å…¨ç”¨è¯ï¼Œèƒ½å£æœä¸è‚Œè‚‰æ³¨å°„,能肌肉注射不输液,遵医嘱使用抗生素。
              </p>
              <p>48. æˆ´å¤´ç›”、系安全带,不超速、不酒驾、不疲劳驾驶。</p>
              <p>49. åŠ å¼ºçœ‹æŠ¤å’Œæ•™è‚²ï¼Œé¿å…å„¿ç«¥æŽ¥è¿‘å±é™©æ°´åŸŸï¼Œé¢„é˜²æººæ°´ã€‚</p>
              <p>50. å†¬å­£å–暖注意通风,谨防煤气中毒。</p>
              <p>
                51. ä¸»åŠ¨æŽ¥å—å©šå‰å’Œå­•å‰ä¿å¥ï¼Œå­•æœŸåº”å½“è‡³å°‘æŽ¥å— 5
                æ¬¡äº§å‰æ£€æŸ¥å¹¶ä½é™¢åˆ†å¨©ã€‚
              </p>
              <p>52. å­©å­å‡ºç”ŸåŽå°½æ—©æ¯ä¹³å–‚养,满 6 ä¸ªæœˆåˆç†æ·»åŠ è¾…é£Ÿã€‚</p>
              <p>
                53.
                é€šè¿‡äº²å­äº¤æµã€çŽ©è€ä¿ƒè¿›å„¿ç«¥æ—©æœŸå‘å±•ï¼Œå‘çŽ°å¿ƒç†è¡Œä¸ºå‘è‚²é—®é¢˜è¦å°½æ—©å¹²é¢„ã€‚
              </p>
              <p>
                54.
                åŸ¹å…»é’少年健康的生活方式,预防近视、超重与肥胖,避免网络成瘾和过早性行为。
              </p>
              <p class="xyx-tips">三、基本技能(12 æ¡ï¼‰</p>
              <p>55. å…³æ³¨å¥åº·ä¿¡æ¯ï¼Œèƒ½å¤ŸèŽ·å–ã€ç†è§£ã€ç”„åˆ«ã€åº”ç”¨å¥åº·ä¿¡æ¯ã€‚</p>
              <p>56. èƒ½çœ‹æ‡‚食品、药品、保健品的标签和说明书。</p>
              <p>
                57.
                ä¼šè¯†åˆ«å¸¸è§çš„危险标识,如高压、易燃、易爆、剧毒、放射性、生物安全等,远离
                å±é™©ç‰©ã€‚
              </p>
              <p>58. ä¼šæµ‹é‡è„‰æå’Œè…‹ä¸‹ä½“温。</p>
              <p>
                59. æ­£ç¡®ä½¿ç”¨å®‰å…¨å¥—,减少感染艾滋病、性病的危险,防止意外怀孕。
              </p>
              <p>60. å¦¥å–„存放和正确使用农药等有毒物品,谨防儿童接触。</p>
              <p>
                61. å¯»æ±‚紧急医疗救助时拨打 120,寻求健康咨询服务时拨打 12320。
              </p>
              <p>
                62.
                å‘生创伤出血量较多时,应当立即止血、包扎;对怀疑骨折的伤员不要轻易搬动。
              </p>
              <p>63. é‡åˆ°å‘¼å¸ã€å¿ƒè·³éª¤åœçš„伤病员,会进行心肺复苏。</p>
              <p>64. æŠ¢æ•‘触电者首先切断电源,不要直接接触触电者。</p>
              <p>
                65. å‘生火灾时,用湿毛巾捂住口鼻、低姿逃生;拨打火警电话
                119。65. å‘生火灾时,用湿毛巾捂住口鼻、低姿逃生;拨打火警电话
                119。
              </p>
              <p>66. åœ°éœ‡æ—¶é€‰æ‹©æ­£ç¡®é¿éœ‡æ–¹å¼ï¼Œéœ‡åŽç«‹å³å¼€å±•自救互救。</p>
            </div>
          </div>
          <p>
            çŽ°ä»£ç¤¾ä¼šæ€»æœ‰è®¸å¤šæ–°å¥‡äº‹ç‰©ä¸°å¯Œä¸Žå¹²æ‰°ç€æˆ‘ä»¬çš„ç”Ÿæ´»ã€‚åŒå­¦ä»¬åˆæ­£å€¼é’æ˜¥å¹´å°‘ï¼Œå¥½å¥‡å¿ƒå¼ºï¼Œä½“åŠ›ä¸Žç²¾åŠ›å¤„äºŽäººç”Ÿé«˜å³°æœŸï¼Œå¾ˆå®¹æ˜“å› èšä¼šã€ä¸Šç½‘ã€æ¸¸æˆã€è¿½å‰§ç­‰è€Œä¸èƒ½æ­£å¸¸ã€è§„å¾‹åœ°ç”Ÿæ´»ï¼Œè¿›è€Œå½¢æˆä¸è‰¯çš„ç”Ÿæ´»æ–¹å¼ï¼Œé€æ”¯èº«ä½“ï¼Œå½±å“èº«å¿ƒå¥åº·ã€‚æˆ‘ä»¬åº”å°½é‡æŠµåˆ¶ä¸è‰¯è¯±æƒ‘ï¼Œæ ‘ç«‹â€œåšè‡ªå·±å¥åº·çš„ç¬¬ä¸€è´£ä»»äººâ€çš„ç†å¿µï¼Œå­¦ä¼šè‡ªæˆ‘å¥åº·ç®¡ç†ï¼Œå…»æˆå¥åº·çš„ç”Ÿæ´»ä¹ æƒ¯ã€‚
          </p>
          <p>
            ä¸€ä¸ªäººè¦å½¢æˆå¥åº·ç”Ÿæ´»æ–¹å¼ï¼Œéœ€ä»¥å¥åº·ç´ å…»ä¸ºåŸºç¡€ã€‚同学们应多看高质量的健康类书籍,学习健康知识与技能,如“健康素养66条”等,提升自己的健康素养,并结合自己未来职业的特点养成适合自己的健康生活方式。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <!-- <p>请同学们登录课程平台学习“健康行动计划的制订与实施”。</p>
             -->
            <div class="xyx-title">健康行动计划的制订与实施</div>
            <div class="xyx-text">
              <p class="xyx-fu-ss">1. æ˜Žç¡®çŽ°çŠ¶</p>
              <p>
                å¥åº·è¡ŒåŠ¨è®¡åˆ’çš„åˆ¶å®šéœ€è¦æˆ‘ä»¬ä»Žæ”¹å˜ä¸è‰¯ç”Ÿæ´»æ–¹å¼å¼€å§‹ã€‚å› æ­¤ï¼Œåº”æ˜Žç¡®éœ€è¦æ”¹å˜çš„ç”Ÿæ´»
                æ–¹å¼ï¼Œå¦‚熬夜、不吃早餐、长时间上网等,有的放矢,一点点地改变,在潜移默化中形成健
                åº·ç”Ÿæ´»æ–¹å¼ã€‚
              </p>
              <p class="xyx-fu-ss">2. åˆ¶å®šç›®æ ‡</p>
              <p>
                ç¬¬ä¸€ï¼Œå°†é•¿æœŸç›®æ ‡ï¼ˆå¦‚生活规律)分解为阶段性的小目标(如 æ™šä¸Š 12
                ç‚¹ä»¥å‰ç¡è§‰ã€æ—© ä¸Š 8 ç‚¹ä»¥å‰èµ·åºŠã€æ¯å¤©é”»ç‚¼åŠå°æ—¶ç­‰ï¼‰ã€‚
              </p>
              <p>第二,一次只落实几个目标,以免因目标太多而不能实现。</p>
              <p>
                ç¬¬ä¸‰ï¼Œåˆ¶å®šè¡Œä¸ºç›®æ ‡è€Œä¸æ˜¯ç»“果目标,如“晚上 12
                ç‚¹ä»¥å‰ç¡è§‰â€è€Œä¸æ˜¯â€œä¸ç†¬å¤œâ€ã€‚
              </p>
              <p>
                ç¬¬å››ï¼ŒæŠŠç›®æ ‡å…·ä½“化,如“晚上 11 ç‚¹ä»¥å‰å¿…须洗漱”而不是“尽量早睡
              </p>
              <p class="xyx-fu-ss">3. åˆ¶å®šçŸ­æœŸè¡ŒåŠ¨è®¡åˆ’</p>
              <p>第一,确定自己要做什么。</p>
              <p>第二,计划合理可行(是自己预期可以完成的事情)</p>
              <p>
                ç¬¬ä¸‰ï¼Œæ”¹å˜ç‰¹å®šè¡Œä¸ºï¼ˆå¦‚减肥不是一个特定行为,跑步是一个特定行为)
              </p>
              <p>
                ç¬¬å››ï¼Œéœ€è¦å›žç­”的问题:做什么?(打算在操场跑步)做多少?(慢跑
                45 åˆ†é’Ÿï¼‰ä»€ä¹ˆ æ—¶å€™åšï¼Ÿï¼ˆå‘¨ä¸€ä¸‹åˆ 6 ç‚¹ï¼Œå‘¨ä¸‰ä¸‹åˆ 4 ç‚¹åŠï¼Œå‘¨äº”下午
                6 ç‚¹ï¼‰ä¸€å‘¨åšå‡ æ¬¡ï¼Ÿï¼ˆä¸€å‘¨ 3 æ¬¡ï¼Œåˆ† åˆ«åœ¨å‘¨ä¸€ã€å‘¨ä¸‰ã€å‘¨äº”)
              </p>
              <p class="xyx-fu-ss">4. è®°å½•、评定和调整</p>
              <p>
                å‡†å¤‡ä¸€ä¸ªæ¯å‘¨ä¸€é¡µçš„台历,记录每天或每周执行计划的情况,1~2
                å‘¨åŽæ£€æŸ¥å’Œè¯„定。 å¦å¤–,也可以设计周完成情况记录表(见表
                1-3-1)。如果大多数预定的目标都完成了,就可
                ä»¥è€ƒè™‘制定新的目标;如果没有实现,则应寻找、总结原因,调整计划使之切实可行,然后
                å›žåˆ°ç¬¬ä¸€æ­¥ï¼Œé‡æ–°å¼€å§‹ã€‚多次完成短期目标之后,需要制定长期目标,此时,才真正向有意
                ä¹‰çš„生活方式转变。一旦新行为固化成为好习惯,就不必再将它们列为计划表中的目标了。
              </p>
              <div class="xyx-table-tips"></div>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th style="width: 80px">日期</th>
                      <th style="width: 100px">是否完成</th>
                      <th>评价</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>星期一</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text1"
                          @change="changeFinish($event, 'text1')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          :value="chapter002.tablexyx02.text2"
                          @input="changeFinish($event, 'text2')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期二</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text3"
                          @change="changeFinish($event, 'text3')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text4"
                          @input="changeFinish($event, 'text4')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期三</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text5"
                          @change="changeFinish($event, 'text5')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text6"
                          @input="changeFinish($event, 'text6')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期四</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text7"
                          @change="changeFinish($event, 'text7')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text8"
                          @input="changeFinish($event, 'text8')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期五</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text9"
                          @change="changeFinish($event, 'text9')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text10"
                          @input="changeFinish($event, 'text10')"
                        />
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
        <div class="bodystyle">
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
          <h3 class="lefth3" id="c016">
            <img class="img-gh1" alt="" src="../image/dy3-xm5.jpg" />
          </h3>
          <div class="bk-tyzg">
            <p class="bj1-tyzg">体育中国</p>
            <p class="block">
              1.结合情境导入中的案例,谈一谈我们应该吸取哪些教训。
              è‡ªä»Žä¹’乓球被列为奥运会比赛项目以来,我国获得了全部37枚金牌中的32枚。在2020年东京奥运会中,我国共获得男单、女单、男团、女团4枚金牌。截至2023å¹´5月底,我国乒乓球队有117人获得世界冠军,获得259枚金牌(奥运会金牌32枚、世乒赛金牌156枚、世界杯金牌71枚)。
            </p>
            <p class="block">
              2.结合自己的实际情况和前面的运动处方,制订一份运动计划,进行为期1个月、每天至少40分钟的运动打卡活动,并根据实施情况进行自我评价。
            </p>
            <p class="block">
              3.对照中职学生健康生活方式中的具体内容与要求,评价一下自己还有哪些做得不够好,运用在课程平台中学习到的健康行动计划的制订与实施方法,制订自己的健康行动计划并实施,尽快养成自己的健康生活方式。
              æˆ‘国乒乓球名将众多,如邓亚萍等已退役的世界乒坛代表人物,又如拿到“大满贯”的现役乒乓球国手马龙、许昕等,均为推动我国乃至世界乒乓球的发展起到重要作用。
            </p>
          </div>
          <h3 id="c003">专题三 æé«˜å¿ƒç†å¥åº·çš„æ°´å¹³</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">1.了解心理健康的标准及影响因素。</p>
            <p class="block">
              2.认识自尊、人格和人际关系对自身心理健康的影响,并通过科学的方法来调节自身心理状况。
            </p>
            <p class="block">
              3.学会用运动缓解压力、消除焦虑和恐惧等心理障碍的方法。
            </p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="block">
              å°è´¾æ˜¯æŸèŒä¸šå­¦æ ¡æœè£…设计专业的学生,她一直是同学中的佼佼者。但在一次考试中,小贾的作品被老师当众质疑。从此她信心一落千丈,有时甚至难以完成作品。后来她找到了心理咨询师王老师,倾诉了所有的烦恼。在王老师的引导下,她分析了自己不良情绪的来源及本质,发现自己过于在意他人的看法,当自己的作品被否定时,便开始质疑自己的能力,导致每次考试都会焦虑。在王老师的引领下,小贾终于走出自我质疑的阴影,学习和生活都回到了正轨。
            </p>
          </div>
          <p>
            è‰¯å¥½çš„心理健康水平是我们可持续发展的基石。同学们正处在青春期,在经历生理和心理变化带来的各种影响的同时,也面临着未来道路的选择。因此,如何提高心理健康的水平成为每位同学都需要关注的话题。
          </p>
          <p>
            æœ¬ä¸“题主要介绍心理健康的标准及影响因素,意在引导同学们正确认识自我,并用适宜的方式进行自我评价,为青春期的成长助力。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
        <div class="bodystyle">
          <h4 id="d008">一、心理健康的标准</h4>
          <p>
            ä¸åŒæ—¶æœŸçš„不同学者认为心理健康有着不同的含义和标准。但有4条标准是公认的:第一,有一种主观幸福感;第二,有能力形成和维持良好的人际关系;第三,有能力参与建设性、有意义的工作;第四,有能力成功地应对生活的挑战,获得成长。
          </p>
          <p>
            åœ¨å¥åº·é—®é¢˜ä¸Šï¼Œéƒ¨åˆ†äººæœ‰ä¸ªè¯¯åŒºï¼Œå³å¯ä»¥åˆ°å¤„诉说自己有高血压、心脏病、糖尿病等,却羞于提及自己心理有问题。即便心理障碍甚至心理疾病已非常严重,依然害怕被别人知晓,拒绝去专科医院就诊。出现心理问题不可怕,可怕的是我们逃避它、掩饰它,而没有及时求助。我们需要做的是真实地去面对心理问题,积极寻找有效方法进行调节。每解决一个心理问题、战胜一次挫折困难,我们都会获得一次自我成长。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p>请同学们登录课程平台参阅“马斯洛的心理健康标准”。</p>
          </div>
          <h4 id="d009">二、心理健康的影响因素</h4>
          <p>
            å¿ƒç†å¥åº·çš„影响因素有很多,既有遗传、生理结构、性别、年龄等个体因素,也有家庭教养方式、经济条件、文化、环境等社会因素。从心理学视角出发,有如下几个重要指标与个体的心理健康息息相关。
          </p>
          <h5 id="e012">(一)自尊</h5>
          <p>
            è‡ªå°Šæ˜¯æŒ‡è‡ªæˆ‘接纳、自我尊重和自我价值感,是个人对自己重要性、价值感的评价,是预测主观幸福感和生活满意度最为稳定的心理指标。自尊包括两个方面:第一,归属感,给个体的生活提供了安全的基石,使其相信无论发生何事,自己都将被接受。第二,掌控感,是个体通过克服一个又一个困难而获得的对世界能够施加影响的控制感。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p>请同学们登录课程平台进行“社会支持量表”的测试。</p>
          </div>
          <h5 id="e013">(二)人格</h5>
          <p>
            äººæ ¼æ˜¯æŒ‡ä¸€ä¸ªäººç‹¬ç‰¹çš„、相对稳定的行为模式,包括兴趣、态度、气质、价值观、意志等方面。
          </p>
          <h5 id="e014">(三)人际关系</h5>
          <p>
            åœ¨æ‰€æœ‰å¿ƒç†å¥åº·æ ‡å‡†ä¸­ï¼Œèƒ½å¤Ÿå»ºç«‹å’Œç»´æŒè‰¯å¥½çš„人际关系这一标准都被列入其中。朋友与家人能够满足我们安全与归属、爱与被爱的需求,这是人们内心安全感的源泉。一个心理健康的人有能力去爱人,也乐于接受别人的关爱,能够在人际交往中与他人建立和谐、友爱的关系。他的内心会充满安全感。他会用开放、积极、包容的心态与人相处,较少有防御、敌对和回避的心态。他能在交往中带给别人信任、尊重、帮助、赞美,同时也获得更多的社会支持。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p>请同学们登录课程平台进行“整体自尊量表”的测试。</p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
        <div class="bodystyle">
          <h4 id="d010">三、正确认识自我</h4>
          <p>
            å¦‚何面对内心的矛盾与疑惑?正确地认识自我、接纳自我是青春期健康成长的一剂良药。虽然环境、经历会给人带来深远的影响,但我们若能接纳变化的、真实的自己,就能更好地迎接青春期的挑战。
          </p>
          <h5 id="e015">(一)自我个性的认识</h5>
          <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p>请同学们登录课程平台进行“我的个性成熟度”的测试。</p>
          </div>
          <p>
            åŒå­¦ä»¬åˆšåˆšè¸ä¸Šè®¤è¯†è‡ªå·±çš„“新大陆”,对很多新奇事物的认知还不稳定,也很难客观、真实地分辨对错。在这一时期,我们的自尊心最强烈也最脆弱。如果受尊重的需求得到满足,自尊就会成为一种积极的心理品质;反之,则会引起自我怀疑、自卑等消极心理。我们应正确面对自己生理和个性上的变化,学会接纳自我,试着与信任的朋友、老师、家长坦诚地沟通与分享,获得他们的帮助与理解。
          </p>
          <h5 id="e016">(二)个体社会化的认识</h5>
          <p>
            é’春期个体社会化是基本社会化的最后阶段,也是极为重要的人生阶段。有人将其称为“人生的第二次诞生”“心理断乳时期”等。我们既要正确认识自己,也要形成与他人、与社会的健康联结。身边的同学、朋友、老师、家长等都是我们人际圈里的重要组成部分,如何与他们建立良好的关系,帮助我们更加适应这个社会的发展呢?
          </p>
          <p><b>1.与成年人交往</b></p>
          <p>
            ç”±äºŽé’春期心理“上锁”的特征,我们容易与老师、父母发生冲突,特别是与父母发生冲突。面对冲突,我们需要克制自己,静下心来思考自己内心的想法,寻找合适的沟通机会;当我们不被理解、不被尊重时,我们可以试着向老师或父母真实地表达自己内心的期待和想法;在遇到困难时,我们可以找自己信任和尊重的成年人寻求帮助。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">议一议</p>
            <p>1.请同学们搜索“乒乓外交”,并讨论其对我国外交方面的促进作用。</p>
            <p>
              å°é»„和小李是某中职学校的一对好伙伴。她俩品学兼优,又都爱好羽毛球运动,平时形影不离,无话不说。两人同为班干部,但在最近一次班干部竞选中,小黄以一票之差意外落选,因此怀疑小李在竞选中没有投自己的票,俩人的关系逐渐冷淡……面对此情况,小李该如何去做呢?
              2.请同学们搜索2020年东京奥运会乒乓球女团项目完赛后,我国国家乒乓球队与香港地区乒乓球队颁奖合影的照片,并讨论其积极意义。
            </p>
            <textarea rows="6" v-model="chapter002.textBybItem1"></textarea>
          </div>
          <p><b>2.与同龄人交往</b></p>
          <p>
            æˆ‘们应多与同龄伙伴交往,特别是与自己志趣相投和性格相近的人交往。首先,
            äº¤å¾€æ—¶è¦æ ‘立平等、真诚、信任、理解的理念,尊重彼此的家庭、个性、学习成绩等;其次,要学会接纳对方,当同学之间发生矛盾与冲突时,先反思自己的言行,尽量对他人宽容;最后,要正确看待与同学的合作、竞争关系,主动融入集体学习和活动,将竞争看作促进彼此学习与提高的机会。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="bodystyle">
          <h4 id="d011">四、正确进行自我评价</h4>
          <h5 id="e017">(一)通过认识他人来认识自我</h5>
          <p>
            è‡ªæˆ‘评价是自我认识的体现,深刻的自我认识是以深刻认识和理解他人以及社会为前提的。在不断认识和评价他人言行的过程中,我们逐渐学会认识自我、评价自我,促进自我认知水平的不断提高。
          </p>
          <h5 id="e018">(二)通过分析他人对自己的评价来评价自我</h5>
          <p>
            åœ¨æˆé•¿è¿‡ç¨‹ä¸­ï¼Œä»–人对自己的评价在所难免。要学会理性地认识他人的评价,将评价转换为促进自我认知和成长的重要方式。
          </p>
          <h5 id="e019">(三)通过与他人的比较来认识自我</h5>
          <p>
            åœ¨ä¸ªä½“社会化的过程中,我们无法摆脱合作与竞争的关系。在对比自己与他人的表现时,我们应更好地认识自己的优势与劣势,以达到取长补短、促进成长的目的。
          </p>
          <h5 id="e020">(四)通过自我比较来评价自我</h5>
          <p>
            é™¤äº†ä¸Žä»–人比较外,更重要的是与自己比较,以达到超越自我的目的。要实现个人的纵向成长,就要求我们从过去、现在和将来的维度中认识自我,既要看到自己的进步,也要看到自己发展的方向,以此来衡量自己现阶段的状态。
          </p>
          <h5 id="e021">(五)创建良性的评价氛围</h5>
          <p>
            ä»Žæˆ‘做起,创建良性的评价氛围,与同学建立良好、融洽的关系;遇到问题时,多请教老师,建立和谐的师生关系等。
          </p>
          <h4 id="d012">五、运动减压的方法</h4>
          <p>
            ç”Ÿæ´»ä¸­å¤„处有运动。无论是在运动场馆中,还是在出行路上或者户外,运动都与我们相伴。运动带来的机体疲劳和放松能让我们睡眠更良好,进食更顺畅。运动还有助于克服恐惧、焦虑等心理,调节心理压力和心理疲劳。
          </p>
          <p>除慢跑外,有效的减压运动还有以下四项。</p>
          <h5 id="e022">(一)游泳</h5>
          <p>
            æ¸¸æ³³ä¸ä½†å¯ä»¥å¢žå¼ºå¿ƒè‚ºåŠŸèƒ½ï¼Œè€Œä¸”æœ‰åŠ©äºŽå¿ƒç†å‡åŽ‹ã€‚åœ¨æ¸¸æ³³çš„æ—¶å€™ï¼Œå…¨èº«çš„è‚Œè‚‰ä¼šå¾—åˆ°æ”¾æ¾ï¼Œä»£è°¢æ°´å¹³å¤§å¤§æå‡ï¼Œå¿ƒç†åŽ‹åŠ›ä¹Ÿä¼šå¾—åˆ°æœ‰æ•ˆç¼“è§£ã€‚
          </p>
          <h5 id="e023">(二)打羽毛球</h5>
          <p>
            ç¾½æ¯›çƒç­‰æ‰§æ‹é¡¹ç›®å¯¹ç¼“解压力是不错的选择。人在打羽毛球的时候能在羽毛球的穿梭飞行中体会到无穷的乐趣,同时体力的消耗能使心理放松、压力缓解。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <div class="bodystyle">
          <h5 id="e024">(三)骑自行车</h5>
          <p>
            åœ¨éª‘行的时候,我们会保持高度专注,忘掉烦恼,让大脑得到更多的休息。亲近大自然可以使人精神倍增,有利于缓解心理压力。同时,还能更好地践行绿色、循环、低碳的环保理念。
          </p>
          <h5 id="e025">(四)登山</h5>
          <p>
            ç»¿æ°´é’山就是金山银山。登山既能有效锻炼肌肉的力量,强健骨骼,也能缓解压力。当一步一步登山的时候,靓丽的风景以及“征服”高山的行为都可以给人带来成就感。
          </p>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">1.我与同龄人交往时应该____________。</p>
            <p class="block">2.我与父母交往时应该_______________________。</p>
          <div class="bk-dy3xxmb">
            <p class="bj1-dy3xxmb">学习目标</p>
            <p class="block">
              3.为了维护自己的心理健康,我会________________________________。
              1.了解乒乓球运动的特点、价值、技术动作及基础战术配合的相关基础知识。
            </p>
            <p class="block">
              4.自己的“寻人启事”:6~8位同学一组,每位同学根据自己的学习、生活、人际关系和个性品质等,写出
              5~8
              ä¸ªè‡ªå·±çš„特征,写完不署名。写完后将所有的“寻人启事”收起来打乱顺序,发给其他同学,让同学猜猜自己拿到的“寻人启事”找的是谁,并且根据事实陈述分析的理由。每位同学分析完后,“寻人启事”上的同学站出来“揭秘”。这样的过程可以帮助同学之间相互认识与评价,也能帮助个人更加全面和客观地认识自己。
            </p>
          </div>
          <h3 id="c004">专题四 é¡ºåˆ©åº¦è¿‡é’春期</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">1.了解青春期的生理和心理特点。</p>
            <p class="block">2.掌握青春期保健的方法。</p>
            <p class="block">3.认识过早性行为的危害。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="block">
              15岁的小王开始经常遗精,这让他既好奇又迷惑。同时,他的心理也发生了很大的变化,经常会莫名地烦恼和焦虑。小王由此进入了所谓“青春困惑期”。
            </p>
          </div>
          <p>
            é’春期是儿童期和成年期之间的过渡阶段。以性成熟为核心的生理方面的发展,使同学们具有了与儿童时期明显不同的社会、心理特征。在这个时期,同学们的身体、外貌、行为
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
        <div class="bodystyle">
          <p>
            æ¨¡å¼ã€è‡ªæˆ‘意识、交往与情绪特点和人生观等,都慢慢脱离了儿童的特征而逐渐成熟起来。
          </p>
          <p>
            æœ¬ä¸“题将带同学们探究自我身心发育与发展现状,帮助同学们认识自我,学会积极应对青春期身心困惑与问题,指导同学们的生活实践,助推同学们健康成长,让同学们绽放出最美青春,遇见最美好的自己!
          </p>
          <h4 id="d013">一、青春期生长发育特征</h4>
          <p>
            é’春期指由儿童逐渐发育成成年人的过渡时期。根据生理发育特点,青春期可分为前期、中期和晚期,每期持续
            2~4 å¹´ï¼ˆè§è¡¨ 1-4-1)。
          </p>
          <p class="img">表1-4-1 é’春期不同时期的生理特点和表现</p>
          <p class="center">
            <img class="img-a" alt="" src="../image/0028-1.jpg" />
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p class="block">
              è¯·åŒå­¦ä»¬ç™»å½•课程平台学习“青春期常见生理问题”,看看自己处于哪一阶段。
            </p>
          </div>
          <p>
            åœ¨èº«ä½“发育方面,重要的内分泌激素,如生长激素、睾酮、雌激素等的大量分泌,使得正处于青春期的同学们的身体形态、身体机能和身体素质得到进一步发展。形态发育主要体现在身高和体重的突增上;身体机能发育体现在心肺功能、造血功能的增强上;身体素质发展体现在速度的提高及力量、耐力、灵活度、柔韧性、协调性的增强上。
          </p>
          <p>
            åœ¨ä¸­èŒé˜¶æ®µï¼Œå¤§å¤šæ•°å¥³ç”Ÿå¤„在青春期晚期,第二性征发育成熟,生殖功能也基本成熟,身高增长已减缓或停止,出现周期性月经;大多数男生处在青春期中晚期,第二性征发育基本完成,身高增长已减缓,出现正常的生理遗精现象。
          </p>
          <h4 id="d014">二、青春期心理特点</h4>
          <p>
            éšç€ç”Ÿç†ç‰¹å¾çš„æ”¹å˜ï¼ŒåŒå­¦ä»¬çš„心理活动也发生着巨大的变化,有时感到好奇,有时又感到迷惑、害怕。这一时期称作“青春困惑期”。此时同学们的心理状态主要呈现以下特征。
          </p>
          <p>
            ç¬¬ä¸€ï¼Œç‹¬ç«‹æ€§å¢žå¼ºã€‚随着自我意识的觉醒,同学们感觉自己已经长大了,有一种强烈的
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
        <div class="bodystyle">
          <p>
            ç‹¬ç«‹æ„Ÿï¼Œåœ¨å­¦ä¹ å’Œç”Ÿæ´»ä¸Šä¸å†è¢«åŠ¨åœ°å¬ä»Žçˆ¶æ¯çš„å®‰æŽ’ï¼Œè€Œæ˜¯æ¸´æœ›ç”¨è‡ªå·±çš„çœ¼ç›çœ‹ä¸–ç•Œï¼Œç”¨è‡ªå·±çš„æ ‡å‡†è¡¡é‡æ˜¯éžæ›²ç›´ã€‚
          </p>
          <p>
            ç¬¬äºŒï¼Œæƒ…绪两极化。同学们既会为一时的成功而激动不已,也会为小小的失意而意志消沉,
            æƒ…绪多变,经常表现出莫名的烦恼和焦虑。
          </p>
          <p>
            ç¬¬ä¸‰ï¼Œå¿ƒç†â€œä¸Šé”â€ã€‚随着心理的不断发展,同学们在情绪管理能力上有了一定的提高,开始学会掩饰、隐藏自己的真实情绪,出现心理“上锁”的现象。
          </p>
          <p>
            ç¬¬å››ï¼Œå†…心充满矛盾。青春期是长大成人的开始,是由不成熟向成熟的过渡阶段。同学们内心充满了矛盾与冲突,如生理成熟提前和心理成熟滞后的矛盾、独立意识增强与实际能力偏差的矛盾、渴望他人理解与心理“上锁”的矛盾。
          </p>
          <p>
            ç¬¬äº”,行为易冲动。相关研究指出,青春期同学们的大脑中,负责控制情感和冲动的神经尚未发育成熟,易爆发冲动行为。
          </p>
          <p>
            é’春期是同学们由心理幼稚走向心理成熟的过渡期,青春的烦恼是成长的印记。同学们遇到烦恼、矛盾与困惑时,应该学着接纳自我,试着与信任的朋友、老师、家长坦诚交流与沟通,获得他们的帮助和理解,从而顺利平稳度过青春期。
          </p>
          <h4 id="d015">三、青春期性心理与异性交往</h4>
          <h5 id="e026">(一)青春期性心理</h5>
          <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p class="block">
              è¯·åŒå­¦ä»¬ç™»å½•课程平台进行异性交往情况自评,并与同学们交流。
            </p>
          </div>
          <p>
            éšç€é’春期性发育的逐渐成熟,男生和女生不仅在体貌特征上有显著差异,而且在性格、爱好方面的差异也会更加明显。同学们会对异性产生好奇心,喜欢以特殊的行为来吸引异性的注意,这是正常性心理的表现。另外,与异性接触时还会产生一种特殊的相互吸引力和激发力,被称为“异性效应”。这在青少年交往中表现得更为明显。同学们要学会与异性正常交往的方法,掌握交往的准则。
          </p>
          <h5 id="e027">(二)与异性交往的准则</h5>
          <p>
            ç¬¬ä¸€ï¼Œè¦äº’相尊重,做到“六不”:既不过分随便,也不过分拘谨;既不过分冷淡,也不过分亲昵;既不卖弄自己,也不过分严肃。
          </p>
          <p>
            ç¬¬äºŒï¼Œå°½é‡ä¿æŒç¾¤ä½“模式和公开模式,避免秘密地单独相处。同学间应彼此理解、互相信任,不无端猜疑、散布谣言。
          </p>
          <p>
            ç¬¬ä¸‰ï¼Œè¡¨çŽ°è‡ªç„¶ã€å¤§æ–¹ã€‚åŒå­¦é—´åº”äº’ç›¸å…³å¿ƒã€çˆ±æŠ¤ã€å¸®åŠ©ï¼ŒçœŸè¯šã€å‹å¥½åœ°ç›¸å¤„ã€‚
          </p>
          <p>第四,要增强防范意识,学会保护自己。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <div class="bodystyle">
          <h4 id="d016">四、正确认识过早性行为的危害</h4>
          <p>
            è¿‡æ—©æ€§è¡Œä¸ºä¼šä½¿é’少年产生紧张感、忧虑感、较大的情绪波动及沉重的精神负担,保护不当也可能引发传染性性疾病和生殖器感染性疾病,还可能会在婚后给家庭生活带来阴影。
          </p>
          <p>
            å¤„于青春期晚期的青少年由于生理原因容易产生性渴望和性冲动,这是正常的生理现象,但性行为不应随意和冲动。可以通过运动、环境、话题等转移注意力,抵制诱惑,净化心灵,理智行事,弱化冲动。万一不小心发生性行为,同学们要懂得保护自己,采取安全措施,防止感染性疾病,如艾滋病等。如果怀孕,要第一时间向老师、父母求助,采取紧急补救措施,避免留下遗憾。总之,同学们必须谨记:青少年时期首先应以学业为重,应树立性安全意识,在性行为这条“起跑线”上不宜“抢跑”,而须讲原则、守底线。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p class="block">
              è¯·åŒå­¦ä»¬ç™»å½•课程平台学习“避孕方法及避孕失败后的紧急补救措施”。
            </p>
          </div>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.我的各项生长发育生理指标<a id="w3"></a
              ><a href="chapter002.html#m3"><sup>[3]</sup></a
              >。
              2.掌握乒乓球的正反手攻球、搓球和弧圈球技术,左推右攻、推挡侧身攻的组合技能,以及发球抢攻、接发球抢攻、对攻、搓攻等战术。
            </p>
            <p class="block">
              ä½“重指数<a id="w4"></a
              ><a href="chapter002.html#m4"><sup>[4]</sup></a
              >:_____千克/ç±³<sup>2</sup> 低体重 正常 è¶…重 è‚¥èƒ–
            </p>
            <p class="block">肺活量:_____毫升 åä½Žã€€æ­£å¸¸ã€€è‰¯å¥½ ä¼˜ç§€</p>
            <p class="block">脊柱 正常 侧弯 前凸或后凸</p>
            <p class="block">性发育: 正常 异常</p>
            <p class="block">总体: åå·®ã€€æ­£å¸¸ã€€è‰¯å¥½</p>
            <p class="block">
              æˆ‘为未来生活和职业应加强的方面有____________________。
            </p>
            <p class="block">
              2.我处于青春期的___期,现在的心理状态是___________。我打算这样度过这一特殊时期___________。
            </p>
            <p class="block">
              3.案例分析:你认为小C应该怎样做?你想对小D说些什么?
            </p>
            <p class="block">
              ä¸­èŒå­¦æ ¡ä¸‰å¹´çº§å¥³ç”Ÿå°C和男生小D是同班同学,两人经常一起交流学习和生活中遇到的问题。不知不觉中两人产生了好感,陷入了恋爱中。一个周末,小D趁家里没人,便主动邀请小C到家里玩。相处间小D突然心生杂念,提出要与小C发生性行为。小C一时手足无措,不知如何是好。
              3.培养良好的体育锻炼习惯、遵守体育道德,积极参加班级和学校组织的乒乓球活动、比赛,在学练和比赛中培养遵纪守法、团结互助、积极乐观、勇于拼搏的品格。
            </p>
          </div>
          <h4 class="h4-dy3" id="d066">
            <span class="h4-dy3s">一</span> 了解乒乓球运动
          </h4>
          <div class="pdf-text">
            <p>
              ä¹’乓球运动是一项由两名或四名运动员在乒乓球桌上进行隔网攻守的运动,在世界上许多地方流行。乒乓球运动1900年起源于英国,20世纪初在欧洲和亚洲蓬勃开展起来。乒乓球运动易于开展,打法多样,球路变化丰富,技术动作要求协调、灵敏、精确,观赏性强。乒乓球运动能有效发展力量、速度、耐力、灵敏性等身体素质,同时也能锻炼和培养勇敢、顽强、机智、果断等心理品质。乒乓球运动对今后从事需久坐、久站的职业,尤其是需要进行精细化操作的职业人群身体状况的改善有积极的作用。“乒乓精神”所蕴含的技术创新和精益求精也是同学们应该学习和践行的职业精神。乒乓球运动在国内外广泛开展,乒乓球世界杯、世锦赛与奥运会并称世界乒乓球三大赛事。
            </p>
            <div class="pdf-con">
              <div class="pdf-view">
                <img :src="pingpang" alt="" /><span @click="toUrl(1)"
                  >乒乓球的常用术语(一)</span
                >
              </div>
              <div class="pdf-view">
                <img :src="pingpang" alt="" /><span @click="toUrl(2)"
                  >乒乓球的常用术语(二)</span
                >
        </div>
      </div>
    </div>
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
        <div class="bodystyle">
          <h3 id="c005">专题五 å¢žå¼ºç–¾ç—…预防意识与能力</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">
              1.养成良好的卫生习惯,提高预防疾病的意识和能力。
            </p>
            <p class="block">
              2.掌握艾滋病、生活方式病等疾病的起因与预防措施。
            </p>
            <p class="block">
              3.养成每天保证充足睡眠和合理膳食的习惯,提高机体免疫力。
            </p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="block">
              å°åŒ—是一名中职学校新生,第一次离家到外地上学,饮食不习惯,跟同学关系也比较冷淡,感觉很孤单,没多久就迷上了网络游戏,常常凌晨两三点才睡觉。因为熬夜,小北晚上经常吃夜宵,运动也少,生物钟混乱。曾经体重正常的小北越来越胖,学习成绩也很不如意,期末考试有多门科目不及格。
            </p>
          </div>
          <p>
            ä¸è®ºæ˜¯åœ¨äººç”Ÿçš„哪一阶段,
            ç–¾ç—…都是人们健康的天敌。学生时代容易出现的近视,学校等集体场所容易迅速传播的肺结核等,都威胁着同学们的身体健康。此外,成年人易患的颈椎病、肥胖症、心脑血管疾病、糖尿病等慢性病,甚至癌症,都在朝着低龄化的方向发展。还有致死率高、危害性大的艾滋病,也不时向青少年伸出魔爪。同学们将来的工作环境繁杂,一定要学会预防疾病,从现在起“做自己健康的第一责任人”。
          </p>
          <p>
            æœ¬ä¸“题将带领同学们树立疾病防控意识,学习预防常见传染病、高发的生活方式病的知识与技能,掌握防控疾病的本领,从而保障同学们健康生活、健康成长。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p>请同学们登录课程平台学习“科学防护,远离结核危害”。</p>
          </div>
          <h4 id="d017">一、预防艾滋病,你我同参与</h4>
          <p>
            è‰¾æ»‹ç—…(AIDS)是由艾滋病病毒(HIV)导致的一种慢性致死性传染病。艾滋病病毒专门攻击人体免疫系统,最短可在一年内发病,到了晚期容易出现癌症、感染或其他严重的临床症状。目前还没有彻底治愈艾滋病的药物和方法。艾滋病未发病前无症状,但传染性非常强,危害大,病死率高。当前,青少年学生艾滋病感染病例不断增长,一旦感染,对家庭、学校、社会都是一场噩梦。预防艾滋病,需要全社会共同参与。
          </p>
          <h5 id="e028">(一)艾滋病的传播途径</h5>
          <p>
            è‰¾æ»‹ç—…病毒主要存在于感染者的血液、精液、阴道分泌物、乳汁、伤口渗出液等体液中。传播途径主要有血液传播、性传播和母婴传播,日常接触通常不会感染艾滋病。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
        <div class="bodystyle">
          <h5 id="e029">(二)艾滋病的传染源</h5>
          <p>只有艾滋病病毒感染者(携带者)和病人才能将病毒传染给他人。</p>
          <p>
            å€¼å¾—注意的是,艾滋病病毒感染者一般没有明显症状,外表和正常人一样,没有任何区别,可在没有症状或只有轻微疾病情况下存活很多年。如果不做艾滋病病毒抗体检测,有时人们很难发现感染者。因此,我们在日常生活中必须做好防护,避免感染。
          </p>
          <h5 id="e030">(三)学会自我保护</h5>
          <p>
            é¢„防艾滋病是每个公民的责任。同学们一定要增强性安全意识,积极采取有效措施,预防和控制艾滋病的流行。
          </p>
          <p>
            ä¸ä½¿ç”¨éžæ­£è§„医疗单位提供的来历不明的血液和血制品;不卖血;不与他人共用针头、针管、纱布等;不共用可能刺破皮肤的用具,如牙签、剃须刀等;不去非正规的医疗机构或美容院打针、输液、拔牙、扎耳洞等;接触他人的血液和伤口时要做好防护。
          </p>
          <p>
            æ­£ç¡®äº¤å‹ï¼Œæ´èº«è‡ªçˆ±ï¼Œæ ‘立性安全意识,远离艾滋病侵害。发生高危性行为后,要及时进行药物阻断,应主动寻求艾滋病检测。早发现、早治疗对维护个人健康至关重要。
          </p>
          <p>
            æˆ‘国各地医疗机构和疾控中心都设有艾滋病检测点,可以提供专业的艾滋病检测和咨询服务,也可购买正规的自检试剂进行自我检测。如检测结果呈阳性,一定要去医疗机构或疾控中心进行确认,并接受咨询和后续治疗服务。
          </p>
          <p>
            æ—¥å¸¸ä¸­åº”消除对艾滋病病人和感染者的歧视,并在力所能及的范围内帮助他们。
          </p>
          <h4 id="d018">二、爱眼护眼,重视视力健康</h4>
          <p>
            ä¸–界卫生组织曾提到,在卫生支出里,除了肿瘤、心脑血管疾病之外,视力健康支出排第三。视力缺陷带来的危害不可逆转,轻则影响正常生活,重则引起视觉疾病,如近视、白内障甚至眼盲。所以同学们一定要重视视力健康,保护好视力。
          </p>
          <h5 id="e031">(一)增强保护视力的意识与能力</h5>
          <p>
            å¼ºåŒ–视力健康意识。同学们要主动学习科学用眼、护眼的健康知识,积极关注自身视力状况。眼睛受伤或自我感觉视力发生明显变化时,尽早到正规的眼科医疗机构检查和治疗。
          </p>
          <p>
            å…»æˆå¥åº·ç”¨çœ¼ä¹ æƒ¯ã€‚定时做眼保健操,保持正确读写姿势,积极参加体育锻炼和户外活动,养成良好生活方式,不熬夜,自觉减少使用电子产品。接触含有害化学成分、强酸强碱等物品时要做好防护工作。
          </p>
          <h5 id="e032">(二)了解职业性眼病的起因及预防</h5>
          <p>
            èŒä¸šæ€§çœ¼ç—…指所有与职业有关的有害因素所造成的眼部损害。法定职业性眼病包括化学性眼部灼伤、电光性眼炎、职业性白内障三大类。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
        <div class="bodystyle">
          <p>
            åŒ–学性眼部灼伤是指眼部直接接触碱性、酸性或其他含有化学物质的气体、液体或固体导致的眼组织腐蚀性损害,一般多发生在化工厂、实验室或施工场所。一旦发生要现场紧急救治,用水大量冲洗,并及时送往医院诊治。
          </p>
          <p>
            ç”µå…‰æ€§çœ¼ç‚Žæ˜¯æŒ‡çœ¼éƒ¨å—紫外线照射所致的急性角膜结膜炎。电焊作业人员及所有从事接触紫外线辐射的作业人员皆有可能发生这类职业性眼病,其中以电焊工最为多见。个人要增强个人防护意识,在进行操作时,应佩戴防护罩或者防护眼镜。
          </p>
          <p>
            èŒä¸šæ€§ç™½å†…障的病因主要有职业性化学因素和职业性物理因素两大类。例如,长期接触萘、铊等引起的中毒性白内障,或受到微波、红外线和紫外线辐射引起的非电离辐射性白内障等。在矿场工作的工人容易因为接触炸药TNT慢性中毒引起眼部病变,严重时可导致白内障。个人在作业时要增强防护意识,加强防护措施,减少接触,并坚持做好健康监护。
          </p>
          <h4 id="d019">三、生活方式病(慢性病)早防是关键</h4>
          <p>
            ç”Ÿæ´»æ–¹å¼ç—…指由于人们衣、食、住、行等日常生活中的不良行为,以及其他各方面不良因素导致的慢性非传染性疾病,包括肥胖症、高脂血症、高尿酸血症、高血压、糖尿病、冠心病等严重威胁人类健康和生命的疾病。生活方式病已经取代传染性疾病成为威胁生命的首要疾病,被称为“头号杀手”,而且发病已逐渐年轻化。
          </p>
          <p>
            ä¸è‰¯çš„生活方式引发的各类疾病已形成生活方式疾病链,会对身心健康造成严重影响(见图1-5-1)。
          </p>
          <p class="center">
            <img class="img-b" alt="" src="../image/0033-1.jpg" />
          </p>
          <p class="img">图1-5-1 ç”Ÿæ´»æ–¹å¼ç–¾ç—…链</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
        <div class="bodystyle">
          <p>
            å¯¹äºŽç”Ÿæ´»æ–¹å¼ç—…来说,预防胜于治疗,可通过改变已有的不良生活方式达到预防疾病的目的,如改变不良的饮食习惯、戒烟、戒酒、适量运动,以及努力改善心理不平衡、性格急躁等问题。
          </p>
          <h5 id="e033">(一)控制体重</h5>
          <p class="block">◆男性标准体重(kg)=身高(cm)-100</p>
          <p class="block"> 女性标准体重(kg)=身高(cm)-105 </p>
          <p class="block">◆超重</p>
          <p class="block"> >10%轻度肥胖</p>
          <p class="block"> >20%中度肥胖</p>
          <p class="block"> >30%重度肥胖</p>
          <p class="block">
            â—†ä½“重指数(BMI)=体重(kg)/身高<sup>2</sup>(m<sup>2</sup>)
          </p>
          <p class="block">◆过低</p>
          <p class="block"> 正常18.5~24</p>
          <p class="block"> 超重≥24</p>
          <p class="block"> 肥胖≥28</p>
          <p>我们应通过健康饮食和坚持运动来保持标准体重。</p>
          <h5 id="e034">(二)建立健康的饮食方式</h5>
          <p>
            æˆ‘们要遵循“三减”(减盐、减油、减糖)的饮食方式,避免偏食、挑食和暴饮暴食。
          </p>
          <h5 id="e035">(三)不吸烟、不饮酒</h5>
          <div class="bk-xyx">
            <p class="bj1-xyx">议一议</p>
            <p>
              è¯·åŒå­¦ä»¬ç™»å½•课程平台学习“缓解心理压力的方法”,并与同学交流自己的心得体会。
            </p>
          </div>
          <p>吸烟、饮酒都不利于身体健康,我们应自觉抵制诱惑。</p>
          <h5 id="e036">(四)养成坚持运动的好习惯</h5>
          <p>科学、规律的运动能帮助我们有效预防生活方式病,促进健康。</p>
          <h5 id="e037">(五)保持心理平衡</h5>
          <p>
            æˆ‘们应尽量保持心态平和、乐观、豁达、向上,遇到困难、挫折时能理性对待,尽力调节。如果感到焦虑、孤独、抑郁、恐惧,应及时求助。
          </p>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.对照自身实际,你处在生活方式疾病链中的什么位置?应该怎样应对?
            </p>
            <p class="block">2.你认为有效缓解心理压力的方法主要有哪些?</p>
          </div>
        </div>
      </div>
@@ -3072,6 +2281,7 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
export default {
  name: "chapter-2",
  props: {
@@ -3084,7 +2294,22 @@
  },
  data() {
    return {
      isShowScore1: false,
      isShowScore2: false,
      picArr: [require("../image/0017-1.jpg")],
      picOneUrl: require("../image/0017-1.jpg"),
      picArr2: [require("../image/0021-1.jpg")],
      picOneUrl2: require("../image/0021-1.jpg"),
      pingpang: require("../image/pdf.png"),
      chapter002: {
        isShowXyx01: true,
        isShowXyx02: true,
        isShowXyx03: true,
        isShowXyx04: true,
        isShowXyx05: true,
        isShowXyx06: true,
        score1: 0,
        score2: 0,
        tablexyx1: {},
        tablexyx02: {
          text2: "第一次跑,感觉有点儿累,很枯燥",
@@ -3101,12 +2326,59 @@
    const localData = JSON.parse(localStorage.getItem("chapter002"));
    if (localData) {
      this.chapter002 = { ...Object.assign(this.chapter002, localData) };
      console.log(this.chapter002);
    }
  },
  methods: {
    activityXyx1() {
      this.chapter002.isShowXyx01 = !this.chapter002.isShowXyx01;
      console.log(this.chapter002.isShowXyx01);
    },
    activityXyx2() {
      this.chapter002.isShowXyx02 = !this.chapter002.isShowXyx02;
    },
    activityXyx3() {
      this.chapter002.isShowXyx03 = !this.chapter002.isShowXyx03;
    },
    activityXyx4() {
      this.chapter002.isShowXyx04 = !this.chapter002.isShowXyx04;
    },
    activityXyx5() {
      this.chapter002.isShowXyx05 = !this.chapter002.isShowXyx05;
    },
    toUrl(val) {
      if (val == 1) {
        window.open(getResourcePath("54741d14a21eb47b2ed06a2231271cd5"));
      } else {
        window.open(getResourcePath("1b7ecc924bfab900ec10f0ed4bb2466b"));
      }
    },
    submit(val) {
      if (val == 1) this.isShowScore1 = true;
      if (val == 2) this.isShowScore2 = true;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    resetData(val) {
      const localData = JSON.parse(localStorage.getItem("chapter002"));
      if (localData) {
        if (val == 1) localData.tablexyx1 = {};localData.score1=0;
        if (val == 2) localData.tablecyc2 = {};localData.score2=0;
        this.chapter002 = { ...Object.assign(this.chapter002, localData) };
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeBox(e, val) {
      this.isShowScore1 = false;
      this.chapter002.tablexyx1[val] = e.target.checked;
      if (e.target.checked) {
        this.chapter002.score1 += Number(e.target.value);
      } else {
        if (this.chapter002.score1 == 0) {
          return false;
        }
        if (!e.target.checked) {
          this.chapter002.score1 -= Number(e.target.value);
        }
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeByb(e, val) {
@@ -3114,7 +2386,18 @@
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changecyc2(e, val) {
      this.isShowScore2 = false;
      this.chapter002.tablecyc2[val] = e.target.checked;
      if (e.target.checked) {
        this.chapter002.score2 += Number(e.target.value);
      } else {
        if (this.chapter002.score2 == 0) {
          return false;
        }
        if (!e.target.checked) {
          this.chapter002.score2 -= Number(e.target.value);
        }
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeAssess(e, val) {
src/books/sportsAndHealth/view/text.html
@@ -1,6 +1,1283 @@
<div class="bodystyle">
  <div class="page-box" page="17">
    <div v-if="showPageList.indexOf(17) > -1">
      <div class="bodystyle">
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.多维健康包括<input
              @change="changeAssess($event, 'text1')"
              maxlength="20"
              :value="chapter002.tkItem01.text1"
              class="assess"
              type="text"
            />
          </p>
          <p class="block">
            2.我打算按如下做法提升自己的健康水平<input
              @change="changeAssess($event, 'text2')"
              maxlength="20"
              :value="chapter002.tkItem01.text1"
              class="assess"
              type="text"
            />
          </p>
          <p class="block">
            3.依据世界卫生组织的十大健康标准,我做得好的方面有<input
              @change="changeAssess($event, 'text3')"
              maxlength="20"
              :value="chapter002.tkItem01.text1"
              class="assess"
              type="text"
            />,有待改善的地方有<input
              :value="chapter002.tkItem01.text1"
              @change="changeAssess($event, 'text4')"
              maxlength="20"
              class="assess"
              type="text"
            />。
          </p>
          <p class="block">
            4.采用小组合作的形式,依据世界卫生组织身心健康指标编制问卷,
            å¯¹åŒå­¦ä»¬çš„身心健康状况及其影响因素进行调查,在老师的帮助下进行数据处理与分析,提出促进同学们身心健康发展的建议。
          </p>
        </div>
        <h3 id="c002">专题二 å½¢æˆå¥åº·çš„生活方式</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">1.了解什么是健康的生活方式。</p>
          <p class="block">2.掌握基本的健康生活方式。</p>
          <p class="block">3.养成健康的生活习惯。</p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">情境导入</p>
          <p class="block">
            èº«ä½“瘦弱的小刘经常熬夜复习功课,加上生活不规律,他得了严重的胃病。在老师的建议下,他开始晨跑,并坚持吃早餐。渐渐地,他改掉了熬夜的习惯,胃病大大好转,精神面貌焕然一新,学习效率也大大提升……
          </p>
        </div>
        <p>
          æˆ‘们要深入开展健康中国行动和爱国卫生运动,倡导文明健康生活方式。健康的生活方式使人精力充沛、充满活力,反之则会导致各种身心疾病。生活方式会影响生命的质量和人生的长短。
        </p>
        <p>
          æœ¬ä¸“题将带同学们了解生活方式与健康的关系,了解中职学生该有的健康生活方式,帮同学们树立“做自己健康的第一责任人”的理念,提升健康素养,学会自我健康管理,掌握形成健康生活方式的方法,为同学们的健康人生导航。
        </p>
        <h4 id="d005">一、健康生活方式的内涵</h4>
        <p>
          ç”Ÿæ´»æ–¹å¼æ˜¯æŒ‡äººä»¬é•¿æœŸå—社会文化、经济、风俗、家庭的影响而形成的一系列的生活习惯、生活制度和生活意识。
        </p>
        <p>健康生活方式是指有益于健康的、习惯化的行为方式。</p>
      </div>
    </div>
  </div>
  <div class="page-box" page="18">
    <div v-if="showPageList.indexOf(18) > -1">
      <div class="bodystyle">
        <h4 id="d006">二、中职学生的健康生活方式</h4>
        <p>对同学们来说,健康生活方式具体表现在如下几个方面。</p>
        <h5 id="e005">(一)强化卫生意识,养成良好卫生习惯</h5>
        <p>
          ç”Ÿæ´»ä¸­è¦æ³¨æ„å¢žå¼ºå«ç”Ÿæ„è¯†ï¼Œå…»æˆè‰¯å¥½çš„个人卫生、公共卫生和饮食卫生习惯,如勤洗手、常洗澡、早晚刷牙、饭后漱口;不共用洗漱和餐饮用品,聚餐用公勺、公筷;咳嗽、打喷嚏时遮掩口鼻;适时开窗通风,保持室内空气清新;保持环境卫生,不随意丢弃垃圾,垃圾要分类处理;注意饮水卫生,不喝生水;蔬菜水果要洗净;生、熟食品要分开存放和加工;不吃变质、超过保质期的食品。尤其是新型冠状病毒肺炎疫情暴发以来,同学们更要时刻注意保持卫生,不能松懈。
        </p>
        <h5 id="e006">(二)起居有常,生活作息规律</h5>
        <p>
          ç¡çœ æ˜¯æœºä½“复原休整和巩固记忆的重要环节,对大脑发育、骨骼生长、视力保护、身心健康和提高学习能力与效率至关重要。同学们应养成每天规律睡眠、充足睡眠的好习惯,不能晚上不睡、早晨不起、熬夜玩手机。
        </p>
        <p>
          ç”Ÿæ´»ä½œæ¯è§„律可以使我们形成稳定的生物钟,轻松进入工作、学习和生活的良好状态,起到事半功倍的效果。如果由于特殊情况,不能按正常作息安排一日生活,应尽量保证每天充足的睡眠、适当的体育锻炼,按时吃饭,以免打乱生物钟,影响我们的身体健康。如果未来同学们从事的职业作息与一般人作息不同但相对稳定,那么,同学们可以建立新的作息时间表,形成新的生物钟。
        </p>
        <h5 id="e007">(三)合理膳食,均衡营养,文明就餐</h5>
        <p>
          åŒå­¦ä»¬æ­£å¤„于生长发育和学习进步的关键时期。而且在职业技能的学习过程中,能量需求量大,因此在饮食上必须多加注意。
        </p>
        <p>
          ç¬¬ä¸€ï¼Œåˆç†å®‰æŽ’一日三餐,做到进餐有时、三餐有别,“早好”“中饱”“晚少”,不暴饮暴食,也不过分节食,饥饱要适当。每日膳食要食物多样,营养均衡,保证主食、优质蛋白质、新鲜瓜果蔬菜的摄入。有些同学采用不吃主食、只吃果蔬的方式来控制体重或保持身材,这是不明智的。
        </p>
        <p>
          ç¬¬äºŒï¼Œé¥®é£Ÿè¦æ¸…淡,做到“三减”——减油、减盐、减糖,控制辛辣、刺激、甜腻等食品的摄入量。每天足量饮用白开水,不喝或少喝含糖饮料。如果未来从事的是消耗能量很大的职业,可适当补充一些运动饮料等。一些同学喜欢饮用各种高糖饮料,甚至替代饮用水。这尤其不利于身体健康,需要立刻改掉这种习惯。
        </p>
        <p>
          ç¬¬ä¸‰ï¼Œæ–‡æ˜Žå°±é¤ã€‚就餐时最好采用分餐制,注重餐桌礼仪,敬老爱幼不喧哗;量腹而取,食尽盘光,做到美好“食”光不浪费。
        </p>
        <p>
          ä¸­å›½è¥å…»å­¦ä¼šå…¬å¸ƒçš„《中国居民膳食指南(2022)》为我们提供了每日应摄入的食物种
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="19">
    <div v-if="showPageList.indexOf(19) > -1">
      <div class="bodystyle">
        <p>
          ç±»åŠåˆç†æ•°é‡ã€é€‚宜的身体活动量及饮水量参考,并以膳食宝塔的形式直观展现,是我们日常饮食应遵守的基本准则(见图1-2-1)。
        </p>
        <p class="center">
          <el-image
            class="chapter001-img-0018 img-c"
            :src="picOneUrl2"
            :preview-src-list="picArr2"
          />
          <!-- <img class="img-c" alt="" src="../image/0021-1.jpg" /> -->
        </p>
        <p class="img">图1-2-1 ä¸­å›½å±…民平衡膳食宝塔(2022)</p>
        <p class="center"><b>平衡膳食八大准则</b></p>
        <div class="bk-wbj">
          <p><b>准则一</b> <span class="kaiti">食物多样,合理搭配</span></p>
          <p><b>准则二</b> <span class="kaiti">吃动平衡,健康体重</span></p>
          <p>
            <b>准则三</b> <span class="kaiti">
              å¤šæ¬¡è”¬æžœã€å¥¶ç±»ã€å…¨è°·ã€å¤§è±†</span
            >
          </p>
          <p>
            <b>准则四</b> <span class="kaiti"> é€‚量吃鱼、禽、蛋、瘦肉</span>
          </p>
          <p><b>准则五</b> <span class="kaiti">少盐少油,控糖限酒</span></p>
          <p><b>准则六</b> <span class="kaiti">规律进餐,足量饮水</span></p>
          <p><b>准则七</b> <span class="kaiti">会烹会选,会看标签</span></p>
          <p><b>准则八</b> <span class="kaiti">公筷分餐,杜绝浪费</span></p>
        </div>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            æ¯”一比
            <div class="icon" @click="activityXyx5">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <div v-if="chapter002.isShowXyx05">
            <p>
              è¯·ä¾æ®å¹³è¡¡è†³é£Ÿå®å¡”,为自己设计一周的营养膳食并实践。与同学互评,看看谁的更健康。
            </p>
            <textarea rows="6" v-model="chapter002.textBybItem1"></textarea>
          </div>
        </div>
        <h5 id="e008">(四)坚持科学锻炼</h5>
        <p>
          è¿åŠ¨æ˜¯å¥åº·ç”Ÿæ´»æ–¹å¼ä¸å¯æˆ–ç¼ºçš„é‡è¦å†…å®¹ï¼Œåº”æˆä¸ºæˆ‘ä»¬ç”Ÿæ´»çš„ä¸€éƒ¨åˆ†ã€‚æ¯ä¸ªåŒå­¦éƒ½åº”åŸ¹å…»å®šæœŸã€å®šé‡è¿åŠ¨çš„è‰¯å¥½ä¹ æƒ¯ã€‚å³ä¾¿æ˜¯ä¸€äº›ä½“åŠ›æ€§çš„èŒä¸šå­¦ä¹ ï¼ˆè¿åŠ¨æ€§å·¥ä½œé™¤å¤–ï¼‰ä¹Ÿä¸èƒ½æ›¿ä»£ä½“è‚²è¿åŠ¨ã€‚ä½†æ˜¯ï¼Œè¿åŠ¨ä¹Ÿæ˜¯ä¸€æŠŠâ€œåŒåˆƒå‰‘â€ã€‚åœ¨æ—¥å¸¸é”»ç‚¼ä¸­ï¼ŒæŽŒæ¡ç§‘å­¦çš„é”»ç‚¼æ–¹æ³•æ˜¯ä¿è¯æˆ‘ä»¬ç»ˆèº«é”»ç‚¼çš„å…³é”®ã€‚
        </p>
        <p>
          ç¬¬ä¸€ï¼Œæ³¨æ„è¿åŠ¨çŽ¯å¢ƒçš„é€‰æ‹©ã€‚å‚è€ƒå› ç´ åŒ…æ‹¬ç©ºæ°”è´¨é‡ã€æ°”æ¸©ã€æ¹¿åº¦ä»¥åŠå¤ªé˜³å…‰çº¿ç­‰ã€‚ä¸é€‚å®œçš„çŽ¯å¢ƒå¯èƒ½ä¼šå½±å“é”»ç‚¼æ•ˆæžœï¼Œç”šè‡³å±å®³èº«ä½“å¥åº·ã€‚
        </p>
        <p>
          ç¬¬äºŒï¼Œéµå®ˆç§‘学锻炼原则。具体包括全面发展原则、循序渐进原则、适量性原则、延续性原则、个别对待原则和健康性原则。
        </p>
        <p>第三,针对自身特点,制定运动处方,提高锻炼效果。</p>
        <p>
          ç¬¬å››ï¼Œå…»æˆè‰¯å¥½çš„运动卫生习惯,如穿浅色、轻薄和透气良好的运动服装,运动时养成用鼻呼吸的习惯;运动后及时消汗保暖,更换衣物等。
        </p>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            å­¦ä¸€å­¦
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <div class="xyx-title">适宜运动环境的选择</div>
          <div class="xyx-text">
            <p>
              ç¬¬ä¸€ï¼Œæœ€å¥½é€‰æ‹©æˆ·å¤–地域空旷、空气新鲜且又安全的地方进行锻炼,但雾霾或空气污染
              æ¯”较严重时不要在室外运动。避免到人群喧闹、噪声较大、交通拥挤的地方运动。在室内锻
              ç‚¼æ—¶è¦ä¿æŒç©ºæ°”流通。
            </p>
            <p>
              ç¬¬äºŒï¼Œè¿åŠ¨åœºæ‰€çš„æ¸©åº¦è¦é€‚å®œï¼Œé¿å…åœ¨é«˜æ¸©é—·çƒ­ä¸­è¿åŠ¨ã€‚æ°”æ¸©è¶…è¿‡
              35℃时,人会因大
              é‡å‡ºæ±—、体液减少而导致运动能力下降,甚至出现痉挛、中暑等情况。适宜运动的空气湿度
              ä¸º 30%~70%。
            </p>
            <p>第三,跑步时可选择地面平整的操场、公园、河边的人行道等地。</p>
            <p>
              ç¬¬å››ï¼Œä»Žäº‹éª‘行、远足等运动,最好选在自然景点,行动路线尽量选在自然景色美、树
              æœ¨è¾ƒå¤šã€è·¯é¢è¾ƒå¹³å¦çš„地段。
            </p>
            <p>
              ç¬¬äº”,体操、武术、气功等运动,可在空气新鲜、环境优美、噪声小的公园空地、树林、
              æ²³è¾¹ä»¥åŠå®¶åº­åº­é™¢é‡Œè¿›è¡Œã€‚跳绳、踢毽、羽毛球等运动可在地势平坦的空地上进行。艺术体
              æ“ã€å¥ç¾Žæ“ç­‰è¿åŠ¨å¯åœ¨è‰åœ°ä¸Šè¿›è¡Œã€‚
            </p>
          </div>
          <!-- <p>
          è¯·åŒå­¦ä»¬ç™»å½•课程平台<a id="w1"></a
          ><a href="chapter002.html#m1"><sup>[1]</sup></a
          >查阅“健康概念的演变”。
        </p> -->
          <!-- <p>
          è¯·åŒå­¦ä»¬ç™»å½•课程平台查阅“适宜运动环境的选择”,并与同学讨论校园内哪些地方适宜锻炼。
        </p> -->
        </div>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            è¯•一试
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <div class="xyx-title">个人运动处方的制定</div>
          <div class="xyx-text">
            <p>
              ç¬¬ä¸€ï¼Œç¡®å®šé”»ç‚¼çš„目标。可以把自己体质健康测试中的各项结果与《国家学生体质健康
              æ ‡å‡†ã€‹è¿›è¡Œæ¯”较,没有达到“良好”的项目,应定为重点锻炼目标。
            </p>
            <p>
              ç¬¬äºŒï¼Œç¡®å®šé”»ç‚¼çš„内容。依据锻炼目标设定锻炼内容,但不论锻炼目标如何,运动处方
              ä¸­çš„锻炼内容都应以有氧运动为基础,结合其他相应的锻炼形式进行,即一般都包括有氧运
              åŠ¨ã€åŠ›é‡æ€§è¿åŠ¨å’ŒæŸ”éŸ§æ€§è¿åŠ¨ã€‚å½“ç„¶ï¼Œé€‰æ‹©è¿åŠ¨å†…å®¹æ—¶åº”è€ƒè™‘è‡ªå·±çš„çˆ±å¥½ä»¥åŠå­¦æ ¡ã€ç¤¾åŒºå’Œ
              å®¶åº­å¯åˆ©ç”¨çš„场地与设施等条件。
            </p>
            <p>
              ç¬¬ä¸‰ï¼Œç¡®å®šè¿åŠ¨çš„å¼ºåº¦ã€‚é€šå¸¸ï¼Œæœ€å¤§å¿ƒçŽ‡çš„ 60%~85%
              ä¸ºè¿åŠ¨çš„é€‚å®œå¿ƒçŽ‡ã€‚å¯¹å¥ åº·çš„中职生来说,最大心率可用“220 -
              å¹´é¾„”来计算;如果平时经常参加运动,则用 â€œ210 - å¹´é¾„ Ã—0.8”计算。
            </p>
            <p>
              ç¬¬å››ï¼Œç¡®å®šè¿åŠ¨çš„æ—¶é—´å’Œé¢‘çŽ‡ã€‚è¿åŠ¨æ—¶é—´å› è¿åŠ¨å¼ºåº¦ã€é¢‘çŽ‡ã€ç›®çš„ã€å¹´é¾„ã€èº«ä½“æ¡ä»¶ç­‰
              è€Œä¸åŒï¼Œä¸€èˆ¬èº«ä½“的各项生理功能(尤其对呼吸和循环系统产生有效的刺激)被调动起来参
              ä¸Žè¿åŠ¨éœ€ 3~5 åˆ†é’Ÿï¼Œè¾¾åˆ°æ’定运动状态后还要持续 10~15
              åˆ†é’Ÿæ‰èƒ½ä¿æŒè¿åŠ¨çš„è‰¯å¥½æ•ˆåº”ï¼Œ å†åŠ ä¸Š 10
              åˆ†é’Ÿçš„准备和放松活动,所以一次有效的健身运动最低限度应有 30
              åˆ†é’Ÿï¼Œè¿›è¡Œæœ‰ æ°§è¿åŠ¨æ—¶å¯åœ¨ 20~60
              åˆ†é’Ÿå†…根据情况决定必要的运动时间。
            </p>
            <p class="xyx-fu">附:</p>
            <div class="xyx-fu-title">减肥运动处方</div>
            <p>
              è¿åŠ¨å‡è‚¥ä¸æ˜¯å¿ƒè¡€æ¥æ½®çš„ä¸€é—ªå¿µï¼Œè€Œæ˜¯ä¸´åºŠåŒ»å­¦çš„ä¸€ç§ç§‘å­¦æ²»ç–—æ–¹æ³•ã€‚ä¸€èˆ¬ç”·å­ä½“è„‚ç™¾
              åˆ†æ¯”超过 20%,女子超过 28%,体重超标 20%
              ä»¥ä¸Šï¼Œå³å»ºè®®å‡è‚¥ã€‚在制订减肥运动处方时,
              åº”遵循安全性、有效性和可接受性原则。运动减肥的效果在较大程度上依赖于所采用的运动
              å¤„方是否适用。运动处方包括运动方式、运动强度、运动持续时间及运动频率
              4 è¦ç´ ï¼ŒåŒæ—¶ è¿˜æœ‰æ³¨æ„äº‹é¡¹ã€‚
            </p>
            <p class="xyx-fu-ss">1. å‡è‚¥ç›®æ ‡å’Œè®¡åˆ’的确定</p>
            <p>
              ä¸ºä¿è¯å®‰å…¨å‡è‚¥ï¼Œæ¯å‘¨ä½“重减轻量不超过 1 åƒå…‹ï¼Œé€šå¸¸ä»¥ 0.5
              åƒå…‹ä¸ºå®œï¼Œå¦åˆ™ä¸èƒ½çœŸæ­£ æŒç»­åœ°å®žçŽ°å‡è‚¥ç›®çš„ã€‚æ¯æ—¥èƒ½é‡å¹³è¡¡ä¸è¶…è¿‡
              2093~4185 åƒç„¦ã€‚减肥期间每日能量摄入不低 äºŽ 5023
              åƒç„¦ï¼Œä»¥ä¿è¯æ­£å¸¸çš„基础代谢。每日运动耗能量应达到 1255~2093
              åƒç„¦ï¼Œæ¯å‘¨è¾¾åˆ° 4185~8370
              åƒç„¦ã€‚在制订减肥运动处方前,应根据体脂测评结果确定减肥目标,制订减肥计
              åˆ’。研究表明,减少 1 åƒå…‹çš„身体脂肪,大约消耗 32228
              åƒç„¦çš„热能,慢跑 112.7 åƒç±³æˆ–骑自行车 12 å°æ—¶ã€‚
            </p>
            <p class="xyx-fu-ss">2. è¿åŠ¨å¼ºåº¦</p>
            <p>
              ç”±äºŽè‚¥èƒ–者对运动强度的耐受性差异很大,在制订减肥运动处方前,应进行递增负荷运
              åŠ¨è€åŠ›æµ‹è¯•ï¼ˆGXT
              æµ‹è¯•),根据所测的肥胖者最大运动能力(最大活动强度值)来制订运动
              å¼ºåº¦ã€‚通常减肥运动处方的强度为 45%~65%
              æœ€å¤§è¿åŠ¨èƒ½åŠ›ï¼ˆæœ€å¤§æ´»åŠ¨å¼ºåº¦å€¼ï¼‰ï¼Œç›¸åº”çš„é¶ çŽ‡ä¸º 60%~70%
              æœ€å¤§å¿ƒçŽ‡ï¼Œä¸»è§‚ä½“åŠ›æ„Ÿè§‰ç¨‹åº¦ï¼ˆRPE)大约为 13~16。GXT
              æµ‹è¯•不仅能显示
              å¿ƒè‚ºåŠŸèƒ½æœ‰æ— å¼‚å¸¸ï¼Œè€Œä¸”ä¹Ÿå¯ä»¥è¡¨æ˜Žå‚åŠ æ´»åŠ¨è€…çš„æœ€åˆè¿åŠ¨èƒ½åŠ›ã€‚
            </p>
            <p class="xyx-fu-ss">3. è¿åŠ¨æŒç»­æ—¶é—´å’Œè¿åŠ¨é¢‘çŽ‡</p>
            <p>
              ä¾æ®ç¾Žå›½è¿åŠ¨åŒ»å­¦ä¼šï¼ˆASM)的建议,减肥运动每次的锻炼时间至少 30
              åˆ†é’Ÿï¼Œä¸€èˆ¬ä¸º 40~60 åˆ†é’Ÿï¼Œç»ƒä¹ é¢‘率为每周 5~7
              æ¬¡ã€‚持续时间和运动频率应在参加者体质健康和心肺功能
              çš„安全范围之内。
            </p>
            <p class="xyx-fu-ss">4. è¿åŠ¨æ–¹å¼</p>
            <p>
              è¿åŠ¨æ–¹å¼å³é”»ç‚¼å†…å®¹ï¼Œé€šå¸¸å‡è‚¥è¿åŠ¨åº”ä»¥æœ‰æ°§è¿åŠ¨ä¸ºä¸»ã€‚é”»ç‚¼å†…å®¹åº”ä»¥ä½¿å‚åŠ è€…æ„Ÿå…´è¶£ï¼Œ
              èƒ½åšæŒä¸‹åŽ»ï¼Œè¿åŠ¨è´¹ç”¨èƒ½å¤Ÿæ‰¿å—çš„å¥æ­¥èµ°ã€æ…¢è·‘ã€éª‘è‡ªè¡Œè½¦ã€æœ‰æ°§å¥èº«æ“ã€å¤ªæžæ‹³ã€æ¸¸æ³³ä»¥
              åŠå„球类活动等为主。此外,也要结合抗阻力量练习,即在增加能量消耗的基础上,增加瘦
              ä½“重。
            </p>
            <p class="xyx-fu-ss">5. æ³¨æ„äº‹é¡¹</p>
            <p>
              æ¯æ¬¡è¿åŠ¨æ—¶ï¼Œè¦æ³¨æ„åœ¨å¼€å§‹æ—¶åšå¥½å……åˆ†å‡†å¤‡æ´»åŠ¨ï¼Œåœ¨ç»“æŸæ—¶åšå¥½æ•´ç†æ´»åŠ¨ã€‚è¿åŠ¨è¿‡ç¨‹ä¸­
              è¦ç»†å¿ƒè§‚察体会主观体力感觉程度,如果过于轻松或过于吃力,可对练习内容和运动量做适
              å½“调整,避免运动伤害事发生,以第二天不感到很疲劳为宜。
            </p>
            <p>
              åœ¨å®žæ–½å‡è‚¥è¿åŠ¨å¤„æ–¹çš„è¿‡ç¨‹ä¸­ï¼Œè¦éšæ—¶è§‚å¯Ÿæ•ˆæžœï¼Œé€šå¸¸æœ‰æ•ˆçš„å‡è‚¥è¿åŠ¨æ–¹æ¡ˆå®žæ–½ä¸€æ®µæ—¶
              é—´åŽï¼Œå‡ºçŽ°ä½“è„‚ä¸‹é™ã€è…°å›´ç¼©å°ã€å¿ƒè‚ºåŠŸèƒ½æé«˜ç­‰è‰¯å¥½çš„è¿åŠ¨æ•ˆæžœã€‚è‹¥æ•ˆæžœä¸æ˜Žæ˜¾ï¼Œæˆ–è‚¥èƒ–
              è€…坚持不下来,则需要修正运动处方。因此,在减肥运动的训练时间安排上,要根据肥胖者
              çš„肥胖程度、预期减肥要求及个体可接受的运动强度和频率来安排总的练习时间,可从数周
              è‡³æ•°å¹´ã€‚循序渐进,持之以恒,运动减肥效果才能显著。
            </p>
            <p>
              åœ¨å®žæ–½è¿åŠ¨å‡è‚¥è®¡åˆ’è¿‡ç¨‹ä¸­ï¼Œåº”æ³¨æ„é¥®é£Ÿè°ƒæ•´ï¼Œåœ¨æ»¡è¶³æœºä½“è¥å…»éœ€è¦çš„åŸºç¡€ä¸Šï¼Œå°½é‡å‡
              å°‘热量的过多摄入,主要是控制脂肪、糖类和食物总量的摄入。
            </p>
          </div>
          <!-- <p>
          è¯·åŒå­¦ä»¬ç™»å½•课程平台学习“个人运动处方制定”相关内容,根据自身情况设计专属运动处方,并向老师汇报。
        </p> -->
        </div>
      </div>
    </div>
  </div>
  <div class="page-box" page="20">
    <div v-if="showPageList.indexOf(20) > -1">
      <div class="bodystyle">
        <h5 id="e009">(五)培养良好的兴趣爱好,远离和戒除陋习</h5>
        <p>
          ç¬¬ä¸€ï¼ŒåŸ¹å…»è‰¯å¥½çš„兴趣爱好。挖掘自身潜在素质,培养广泛而良好的兴趣爱好,使自己的人生多姿多彩,增加幸福指数,为形成健康生活方式奠定基础。
        </p>
        <p>
          ç¬¬äºŒï¼Œè¿œç¦»å’Œæˆ’除陋习。吸烟、酗酒、网络成瘾等陋习是青少年成长过程中较大的绊脚石。一旦沾染,如不及时戒除,就可能伴随一生,损害同学们的身体,甚至危及同学们的生命。这些陋习不是现代文明社会公民应有的生活方式,更不是中职学生应有的生活方式。
        </p>
        <h5 id="e010">(六)关注身体健康</h5>
        <p>
          ç¬¬ä¸€ï¼Œå®šæœŸä½“检,评估身体健康状况,对生长发育问题和疾病做到早发现、早矫治、早恢复。
        </p>
        <p>第二,出现病症及时就医,遵医嘱治疗,理性对待诊疗结果。</p>
        <p>
          ç¬¬ä¸‰ï¼Œéµå®ˆå®‰å…¨ç”¨è¯åŽŸåˆ™ï¼Œèƒ½å£æœå°±ä¸è‚Œè‚‰æ³¨å°„ï¼Œèƒ½è‚Œè‚‰æ³¨å°„å°±ä¸è¾“æ¶²ï¼›å¦‚è‹¥å¿…éœ€ï¼Œåˆ™é¡»éµåŒ»å˜±ä½¿ç”¨æŠ—ç”Ÿç´ ã€é•‡é™å‚¬çœ è¯ã€é•‡ç—›è¯ã€æ­¢å’³ç³–æµ†ä»¥åŠå…¶ä»–æˆç˜¾æ€§è¯ç‰©ï¼Œé¿å…è¯ç‰©ä¾èµ–ï¼›è¯å“åº”å­˜æ”¾åœ¨é¿å…‰ã€å¹²ç‡¥å¤„ï¼›å®šæœŸæ£€æŸ¥è¯å“æ˜¯å¦è¿‡æœŸï¼Œè¿‡æœŸåŽç¦æ­¢ä½¿ç”¨ã€‚
        </p>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            å­¦ä¸€å­¦
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <div class="xyx-title">一评二控三减四健——全民健康生活方式行动</div>
          <div class="xyx-text">
            <p>
              â€œä¸€è¯„”即健康评估,健康指标检测,评估居民身心健康状况,提早干预;
            </p>
            <p>“二控”即控烟、控酒;</p>
            <p>“三减”即减盐、减油、减糖;</p>
            <p>“四健”即健康体重、健康口腔、健康骨骼、健康心理。</p>
          </div>
          <!-- <p>
          è¯·åŒå­¦ä»¬ç™»å½•课程平台学习“一评二控三减四健——全民健康生活方式行动”。
        </p> -->
        </div>
        <h5 id="e011">(七)注重心理健康</h5>
        <p>心理健康对于同学们来说具体可表现为如下几点。</p>
        <p>第一,热爱生活,有幸福感。</p>
        <p>
          ç¬¬äºŒï¼Œæœ‰èƒ½åŠ›å»ºç«‹å’Œç»´æŒè‰¯å¥½çš„äººé™…å…³ç³»ï¼Œå¦‚èƒ½è¾ƒå¿«èžå…¥é™Œç”Ÿç¾¤ä½“ï¼Œèƒ½ä¸Žäººå’Œè°ç›¸å¤„ç­‰ã€‚ç¬¬ä¸‰ï¼Œç§¯æžå‚ä¸Žæœ‰æ„ä¹‰çš„æ ¡å›­æ´»åŠ¨åŠç¤¾ä¼šæ´»åŠ¨ï¼Œæœ‰èƒ½åŠ›å‚ä¸Žç›¸åº”çš„å·¥ä½œã€‚
        </p>
        <p>
          ç¬¬å››ï¼Œä¹è§‚向上、心态平和,能应对生活和学习中的挑战,并从中获得成长。
        </p>
        <p>
          ç¬¬äº”,重视和维护心理健康,遇到心理困扰时能主动寻求帮助,采用积极有效的压力应对方式(如合理运动等),及时疏导不良情绪,保持心理健康。
        </p>
        <h4 id="d007">三、提升健康素养,学会自我健康管理</h4>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            å­¦ä¸€å­¦
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <!-- <p>请同学们登录课程平台学习“健康素养66条”。</p> -->
          <div class="xyx-title">一评二控三减四健——全民健康生活方式行动</div>
          <div class="xyx-text">
            <p class="xyx-tips">一、基本知识和理念(25 æ¡ï¼‰</p>
            <p>
              1.
              å¥åº·ä¸ä»…仅是没有疾病或虚弱,而是身体、心理和社会适应的完好状态。
            </p>
            <p>
              2.
              æ¯ä¸ªäººéƒ½æœ‰ç»´æŠ¤è‡ªèº«å’Œä»–人健康的责任,健康的生活方式能够维护和促进自身健康。
            </p>
            <p>3. çŽ¯å¢ƒä¸Žå¥åº·æ¯æ¯ç›¸å…³ï¼Œä¿æŠ¤çŽ¯å¢ƒï¼Œä¿ƒè¿›å¥åº·ã€‚</p>
            <p>4. æ— å¿çŒ®è¡€ï¼ŒåŠ©äººåˆ©å·±ã€‚</p>
            <p>5. æ¯ä¸ªäººéƒ½åº”当关爱、帮助、不歧视病残人员。</p>
            <p>6. å®šæœŸè¿›è¡Œå¥åº·ä½“检。</p>
            <p>
              7. æˆå¹´äººçš„æ­£å¸¸è¡€åŽ‹ä¸ºæ”¶ç¼©åŽ‹ â‰¥90mmHg ä¸”< 140 mmHg,舒张压
              â‰¥60mmHg ä¸”< 90 mmHg;腋下体温 36℃~37℃ ï¼›å¹³é™å‘¼å¸ 16~20 æ¬¡ /
              åˆ†ï¼›å¿ƒçއ 60~100 æ¬¡ / åˆ†ã€‚
            </p>
            <p>
              8.
              æŽ¥ç§ç–«è‹—是预防一些传染病最有效、最经济的措施,儿童出生后应当按照免疫程序接
              ç§ç–«è‹—
            </p>
            <p>
              9.
              åœ¨æµæ„Ÿæµè¡Œå­£èŠ‚å‰æŽ¥ç§æµæ„Ÿç–«è‹—å¯å‡å°‘æ‚£æµæ„Ÿçš„æœºä¼šæˆ–å‡è½»æ‚£æµæ„ŸåŽçš„ç—‡çŠ¶ã€‚
            </p>
            <p>
              10.
              è‰¾æ»‹ç—…、乙肝和丙肝通过血液、性接触和母婴三种途径传播,日常生活和工作接触
              ä¸ä¼šä¼ æ’­ã€‚
            </p>
            <p>
              11.
              è‚ºç»“核主要通过病人咳嗽、打喷嚏、大声说话等产生的飞沫传播;出现咳嗽、咳痰
              2 å‘¨ä»¥ä¸Šï¼Œæˆ–痰中带血,应当及时检查是否得了肺结核。
            </p>
            <p>
              12.
              åšæŒè§„范治疗,大部分肺结核病人能够治愈,并能有效预防耐药结核的产生。
            </p>
            <p>
              13.
              åœ¨è¡€å¸è™«ç—…流行区,应当尽量避免接触疫水;接触疫水后,应当及时进行检查或接
              å—预防性治疗。
            </p>
            <p>
              14.
              å®¶å…»çŠ¬ã€çŒ«åº”å½“æŽ¥ç§å…½ç”¨ç‹‚çŠ¬ç—…ç–«è‹—ï¼›äººè¢«çŠ¬ã€çŒ«æŠ“ä¼¤ã€å’¬ä¼¤åŽï¼Œåº”å½“ç«‹å³å†²æ´—ä¼¤å£ï¼Œ
              å¹¶å°½å¿«æ³¨å°„抗狂犬病免疫球蛋白(或血清)和人用狂犬病疫苗。
            </p>
            <p>15. èšŠå­ã€è‹è‡ã€è€é¼ ã€èŸ‘螂等会传播疾病。</p>
            <p>
              16. å‘现病死禽畜要报告,不加工、不食用病死禽畜,不食用野生动物。
            </p>
            <p>
              17.
              å…³æ³¨è¡€åŽ‹å˜åŒ–ï¼ŒæŽ§åˆ¶é«˜è¡€åŽ‹å±é™©å› ç´ ï¼Œé«˜è¡€åŽ‹æ‚£è€…è¦å­¦ä¼šè‡ªæˆ‘å¥åº·ç®¡ç†ã€‚
            </p>
            <p>
              18.
              å…³æ³¨è¡€ç³–变化,控制糖尿病危险因素,糖尿病患者应当加强自我健康管理。
            </p>
            <p>19. ç§¯æžå‚加癌症筛查,及早发现癌症和癌前病变。</p>
            <p>
              20. æ¯ä¸ªäººéƒ½å¯èƒ½å‡ºçŽ°æŠ‘éƒå’Œç„¦è™‘æƒ…ç»ªï¼Œæ­£ç¡®è®¤è¯†æŠ‘éƒç—‡å’Œç„¦è™‘ç—‡ã€‚
            </p>
            <p>21. å…³çˆ±è€å¹´äººï¼Œé¢„防老年人跌倒,识别老年期痴呆。</p>
            <p>
              22. é€‰æ‹©å®‰å…¨ã€é«˜æ•ˆçš„避孕措施,减少人工流产,关爱妇女生殖健康。
            </p>
            <p>23. ä¿å¥é£Ÿå“ä¸æ˜¯è¯å“ï¼Œæ­£ç¡®é€‰ç”¨ä¿å¥é£Ÿå“ã€‚</p>
            <p>
              24.
              åŠ³åŠ¨è€…è¦äº†è§£å·¥ä½œå²—ä½å’Œå·¥ä½œçŽ¯å¢ƒä¸­å­˜åœ¨çš„å±å®³å› ç´ ï¼Œéµå®ˆæ“ä½œè§„ç¨‹ï¼Œæ³¨æ„ä¸ªäººé˜²
              æŠ¤ï¼Œé¿å…èŒä¸šä¼¤å®³ã€‚
            </p>
            <p>25. ä»Žäº‹æœ‰æ¯’有害工种的劳动者享有职业保护的权利。</p>
            <p class="xyx-tips">二、健康生活方式与行为(29 æ¡ï¼‰</p>
            <p>
              26. å¥åº·ç”Ÿæ´»æ–¹å¼ä¸»è¦åŒ…括合理膳食、适量运动、戒烟限酒、心理平衡。
            </p>
            <p>27. ä¿æŒæ­£å¸¸ä½“重,避免超重、肥胖。</p>
            <p>
              28. è†³é£Ÿåº”当以谷类为主,多吃蔬菜、水果和薯类,荤素、粗细搭配。
            </p>
            <p>29. æ¯å¤©é£Ÿç”¨å¥¶ç±»ã€è±†ç±»åŠå…¶åˆ¶å“ã€‚</p>
            <p>30. è†³é£Ÿè¦æ¸…淡,要少油、少盐、少糖,食用合格碘盐。</p>
            <p>31. è®²ç©¶é¥®æ°´å«ç”Ÿï¼Œæ¯å¤©é€‚量饮水。</p>
            <p>
              32.
              ç”Ÿã€ç†Ÿé£Ÿå“è¦åˆ†å¼€å­˜æ”¾å’ŒåŠ å·¥ï¼Œç”Ÿåƒè”¬èœæ°´æžœè¦æ´—å‡€ï¼Œä¸åƒå˜è´¨ã€è¶…è¿‡ä¿è´¨æœŸçš„
              é£Ÿå“ã€‚
            </p>
            <p>
              33. æˆå¹´äººæ¯æ—¥åº”当进行 6~10
              åƒæ­¥å½“量的活动,动则有益,贵在坚持。
            </p>
            <p>
              34.
              å¸çƒŸå’ŒäºŒæ‰‹çƒŸæš´éœ²ä¼šå¯¼è‡´ç™Œç—‡ã€å¿ƒè¡€ç®¡ç–¾ç—…、呼吸系统疾病等多种疾病。
            </p>
            <p>35.“低焦油卷烟”“中草药卷烟”不能降低吸烟带来的危害。</p>
            <p>36. ä»»ä½•年龄戒烟均获益,越早越好,戒烟门诊可提供专业服务。</p>
            <p>37. å°‘饮酒,不酗酒。</p>
            <p>
              38. éµåŒ»å˜±ä½¿ç”¨é•‡é™å‚¬çœ è¯ã€é•‡ç—›è¯ç­‰æˆç˜¾æ€§è¯ç‰©ï¼Œé¢„防药物依赖。
            </p>
            <p>39. æ‹’绝毒品。</p>
            <p>40. æ¯å¤©ä¿è¯ 7~8 å°æ—¶ç¡çœ ã€‚</p>
            <p>41. é‡è§†å’Œç»´æŠ¤å¿ƒç†å¥åº·ï¼Œé‡åˆ°å¿ƒç†é—®é¢˜æ—¶ä¸»åŠ¨å¯»æ±‚å¸®åŠ©ã€‚</p>
            <p>
              42. å‹¤æ´—手、常洗澡、早晚刷牙、饭后漱口,不共用毛巾和洗漱用品
            </p>
            <p>
              43. æ ¹æ®å¤©æ°”变化和空气质量,适时开窗通风,保持室内空气流通。
            </p>
            <p>44. ä¸åœ¨å…¬å…±åœºæ‰€å¸çƒŸã€åç—°ï¼Œå’³å—½ã€æ‰“喷嚏时遮掩口鼻。</p>
            <p>45. å†œæ‘使用卫生厕所,管理好人畜粪便。</p>
            <p>46. ç§‘学就医,及时就诊,遵医嘱治疗,理性对待诊疗结果。</p>
            <p>
              47.
              å®‰å…¨ç”¨è¯ï¼Œèƒ½å£æœä¸è‚Œè‚‰æ³¨å°„,能肌肉注射不输液,遵医嘱使用抗生素。
            </p>
            <p>48. æˆ´å¤´ç›”、系安全带,不超速、不酒驾、不疲劳驾驶。</p>
            <p>49. åŠ å¼ºçœ‹æŠ¤å’Œæ•™è‚²ï¼Œé¿å…å„¿ç«¥æŽ¥è¿‘å±é™©æ°´åŸŸï¼Œé¢„é˜²æººæ°´ã€‚</p>
            <p>50. å†¬å­£å–暖注意通风,谨防煤气中毒。</p>
            <p>
              51. ä¸»åŠ¨æŽ¥å—å©šå‰å’Œå­•å‰ä¿å¥ï¼Œå­•æœŸåº”å½“è‡³å°‘æŽ¥å— 5
              æ¬¡äº§å‰æ£€æŸ¥å¹¶ä½é™¢åˆ†å¨©ã€‚
            </p>
            <p>52. å­©å­å‡ºç”ŸåŽå°½æ—©æ¯ä¹³å–‚养,满 6 ä¸ªæœˆåˆç†æ·»åŠ è¾…é£Ÿã€‚</p>
            <p>
              53.
              é€šè¿‡äº²å­äº¤æµã€çŽ©è€ä¿ƒè¿›å„¿ç«¥æ—©æœŸå‘å±•ï¼Œå‘çŽ°å¿ƒç†è¡Œä¸ºå‘è‚²é—®é¢˜è¦å°½æ—©å¹²é¢„ã€‚
            </p>
            <p>
              54.
              åŸ¹å…»é’少年健康的生活方式,预防近视、超重与肥胖,避免网络成瘾和过早性行为。
            </p>
            <p class="xyx-tips">三、基本技能(12 æ¡ï¼‰</p>
            <p>55. å…³æ³¨å¥åº·ä¿¡æ¯ï¼Œèƒ½å¤ŸèŽ·å–ã€ç†è§£ã€ç”„åˆ«ã€åº”ç”¨å¥åº·ä¿¡æ¯ã€‚</p>
            <p>56. èƒ½çœ‹æ‡‚食品、药品、保健品的标签和说明书。</p>
            <p>
              57.
              ä¼šè¯†åˆ«å¸¸è§çš„危险标识,如高压、易燃、易爆、剧毒、放射性、生物安全等,远离
              å±é™©ç‰©ã€‚
            </p>
            <p>58. ä¼šæµ‹é‡è„‰æå’Œè…‹ä¸‹ä½“温。</p>
            <p>
              59. æ­£ç¡®ä½¿ç”¨å®‰å…¨å¥—,减少感染艾滋病、性病的危险,防止意外怀孕。
            </p>
            <p>60. å¦¥å–„存放和正确使用农药等有毒物品,谨防儿童接触。</p>
            <p>
              61. å¯»æ±‚紧急医疗救助时拨打 120,寻求健康咨询服务时拨打 12320。
            </p>
            <p>
              62.
              å‘生创伤出血量较多时,应当立即止血、包扎;对怀疑骨折的伤员不要轻易搬动。
            </p>
            <p>63. é‡åˆ°å‘¼å¸ã€å¿ƒè·³éª¤åœçš„伤病员,会进行心肺复苏。</p>
            <p>64. æŠ¢æ•‘触电者首先切断电源,不要直接接触触电者。</p>
            <p>
              65. å‘生火灾时,用湿毛巾捂住口鼻、低姿逃生;拨打火警电话
              119。65. å‘生火灾时,用湿毛巾捂住口鼻、低姿逃生;拨打火警电话
              119。
            </p>
            <p>66. åœ°éœ‡æ—¶é€‰æ‹©æ­£ç¡®é¿éœ‡æ–¹å¼ï¼Œéœ‡åŽç«‹å³å¼€å±•自救互救。</p>
          </div>
        </div>
        <p>
          çŽ°ä»£ç¤¾ä¼šæ€»æœ‰è®¸å¤šæ–°å¥‡äº‹ç‰©ä¸°å¯Œä¸Žå¹²æ‰°ç€æˆ‘ä»¬çš„ç”Ÿæ´»ã€‚åŒå­¦ä»¬åˆæ­£å€¼é’æ˜¥å¹´å°‘ï¼Œå¥½å¥‡å¿ƒå¼ºï¼Œä½“åŠ›ä¸Žç²¾åŠ›å¤„äºŽäººç”Ÿé«˜å³°æœŸï¼Œå¾ˆå®¹æ˜“å› èšä¼šã€ä¸Šç½‘ã€æ¸¸æˆã€è¿½å‰§ç­‰è€Œä¸èƒ½æ­£å¸¸ã€è§„å¾‹åœ°ç”Ÿæ´»ï¼Œè¿›è€Œå½¢æˆä¸è‰¯çš„ç”Ÿæ´»æ–¹å¼ï¼Œé€æ”¯èº«ä½“ï¼Œå½±å“èº«å¿ƒå¥åº·ã€‚æˆ‘ä»¬åº”å°½é‡æŠµåˆ¶ä¸è‰¯è¯±æƒ‘ï¼Œæ ‘ç«‹â€œåšè‡ªå·±å¥åº·çš„ç¬¬ä¸€è´£ä»»äººâ€çš„ç†å¿µï¼Œå­¦ä¼šè‡ªæˆ‘å¥åº·ç®¡ç†ï¼Œå…»æˆå¥åº·çš„ç”Ÿæ´»ä¹ æƒ¯ã€‚
        </p>
        <p>
          ä¸€ä¸ªäººè¦å½¢æˆå¥åº·ç”Ÿæ´»æ–¹å¼ï¼Œéœ€ä»¥å¥åº·ç´ å…»ä¸ºåŸºç¡€ã€‚同学们应多看高质量的健康类书籍,学习健康知识与技能,如“健康素养66条”等,提升自己的健康素养,并结合自己未来职业的特点养成适合自己的健康生活方式。
        </p>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            å­¦ä¸€å­¦
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <!-- <p>请同学们登录课程平台学习“健康行动计划的制订与实施”。</p>
         -->
          <div class="xyx-title">健康行动计划的制订与实施</div>
          <div class="xyx-text">
            <p class="xyx-fu-ss">1. æ˜Žç¡®çŽ°çŠ¶</p>
            <p>
              å¥åº·è¡ŒåŠ¨è®¡åˆ’çš„åˆ¶å®šéœ€è¦æˆ‘ä»¬ä»Žæ”¹å˜ä¸è‰¯ç”Ÿæ´»æ–¹å¼å¼€å§‹ã€‚å› æ­¤ï¼Œåº”æ˜Žç¡®éœ€è¦æ”¹å˜çš„ç”Ÿæ´»
              æ–¹å¼ï¼Œå¦‚熬夜、不吃早餐、长时间上网等,有的放矢,一点点地改变,在潜移默化中形成健
              åº·ç”Ÿæ´»æ–¹å¼ã€‚
            </p>
            <p class="xyx-fu-ss">2. åˆ¶å®šç›®æ ‡</p>
            <p>
              ç¬¬ä¸€ï¼Œå°†é•¿æœŸç›®æ ‡ï¼ˆå¦‚生活规律)分解为阶段性的小目标(如 æ™šä¸Š 12
              ç‚¹ä»¥å‰ç¡è§‰ã€æ—© ä¸Š 8 ç‚¹ä»¥å‰èµ·åºŠã€æ¯å¤©é”»ç‚¼åŠå°æ—¶ç­‰ï¼‰ã€‚
            </p>
            <p>第二,一次只落实几个目标,以免因目标太多而不能实现。</p>
            <p>
              ç¬¬ä¸‰ï¼Œåˆ¶å®šè¡Œä¸ºç›®æ ‡è€Œä¸æ˜¯ç»“果目标,如“晚上 12
              ç‚¹ä»¥å‰ç¡è§‰â€è€Œä¸æ˜¯â€œä¸ç†¬å¤œâ€ã€‚
            </p>
            <p>
              ç¬¬å››ï¼ŒæŠŠç›®æ ‡å…·ä½“化,如“晚上 11 ç‚¹ä»¥å‰å¿…须洗漱”而不是“尽量早睡
            </p>
            <p class="xyx-fu-ss">3. åˆ¶å®šçŸ­æœŸè¡ŒåŠ¨è®¡åˆ’</p>
            <p>第一,确定自己要做什么。</p>
            <p>第二,计划合理可行(是自己预期可以完成的事情)</p>
            <p>
              ç¬¬ä¸‰ï¼Œæ”¹å˜ç‰¹å®šè¡Œä¸ºï¼ˆå¦‚减肥不是一个特定行为,跑步是一个特定行为)
            </p>
            <p>
              ç¬¬å››ï¼Œéœ€è¦å›žç­”的问题:做什么?(打算在操场跑步)做多少?(慢跑
              45 åˆ†é’Ÿï¼‰ä»€ä¹ˆ æ—¶å€™åšï¼Ÿï¼ˆå‘¨ä¸€ä¸‹åˆ 6 ç‚¹ï¼Œå‘¨ä¸‰ä¸‹åˆ 4 ç‚¹åŠï¼Œå‘¨äº”下午
              6 ç‚¹ï¼‰ä¸€å‘¨åšå‡ æ¬¡ï¼Ÿï¼ˆä¸€å‘¨ 3 æ¬¡ï¼Œåˆ† åˆ«åœ¨å‘¨ä¸€ã€å‘¨ä¸‰ã€å‘¨äº”)
            </p>
            <p class="xyx-fu-ss">4. è®°å½•、评定和调整</p>
            <p>
              å‡†å¤‡ä¸€ä¸ªæ¯å‘¨ä¸€é¡µçš„台历,记录每天或每周执行计划的情况,1~2
              å‘¨åŽæ£€æŸ¥å’Œè¯„定。 å¦å¤–,也可以设计周完成情况记录表(见表
              1-3-1)。如果大多数预定的目标都完成了,就可
              ä»¥è€ƒè™‘制定新的目标;如果没有实现,则应寻找、总结原因,调整计划使之切实可行,然后
              å›žåˆ°ç¬¬ä¸€æ­¥ï¼Œé‡æ–°å¼€å§‹ã€‚多次完成短期目标之后,需要制定长期目标,此时,才真正向有意
              ä¹‰çš„生活方式转变。一旦新行为固化成为好习惯,就不必再将它们列为计划表中的目标了。
            </p>
            <div class="xyx-table-tips"></div>
            <div class="tablePublic">
              <table>
                <thead>
                  <tr>
                    <th style="width: 80px">日期</th>
                    <th style="width: 100px">是否完成</th>
                    <th>评价</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>星期一</td>
                    <td>
                      <input
                        class="finishiText"
                        maxlength="1"
                        type="text"
                        :value="chapter002.tablexyx02.text1"
                        @change="changeFinish($event, 'text1')"
                      />
                    </td>
                    <td>
                      <textarea
                        class="textInputarea"
                        :value="chapter002.tablexyx02.text2"
                        @input="changeFinish($event, 'text2')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>星期二</td>
                    <td>
                      <input
                        class="finishiText"
                        maxlength="1"
                        type="text"
                        :value="chapter002.tablexyx02.text3"
                        @change="changeFinish($event, 'text3')"
                      />
                    </td>
                    <td>
                      <textarea
                        class="textInputarea"
                        rows="2"
                        v-model="chapter002.tablexyx02.text4"
                        @input="changeFinish($event, 'text4')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>星期三</td>
                    <td>
                      <input
                        class="finishiText"
                        maxlength="1"
                        type="text"
                        :value="chapter002.tablexyx02.text5"
                        @change="changeFinish($event, 'text5')"
                      />
                    </td>
                    <td>
                      <textarea
                        class="textInputarea"
                        rows="2"
                        v-model="chapter002.tablexyx02.text6"
                        @input="changeFinish($event, 'text6')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>星期四</td>
                    <td>
                      <input
                        class="finishiText"
                        maxlength="1"
                        type="text"
                        :value="chapter002.tablexyx02.text7"
                        @change="changeFinish($event, 'text7')"
                      />
                    </td>
                    <td>
                      <textarea
                        class="textInputarea"
                        rows="2"
                        v-model="chapter002.tablexyx02.text8"
                        @input="changeFinish($event, 'text8')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>星期五</td>
                    <td>
                      <input
                        class="finishiText"
                        maxlength="1"
                        type="text"
                        :value="chapter002.tablexyx02.text9"
                        @change="changeFinish($event, 'text9')"
                      />
                    </td>
                    <td>
                      <textarea
                        class="textInputarea"
                        rows="2"
                        v-model="chapter002.tablexyx02.text10"
                        @input="changeFinish($event, 'text10')"
                      />
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="page-box" page="21">
    <div v-if="showPageList.indexOf(21) > -1">
      <div class="bodystyle">
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.结合情境导入中的案例,谈一谈我们应该吸取哪些教训。
          </p>
          <p class="block">
            2.结合自己的实际情况和前面的运动处方,制订一份运动计划,进行为期1个月、每天至少40分钟的运动打卡活动,并根据实施情况进行自我评价。
          </p>
          <p class="block">
            3.对照中职学生健康生活方式中的具体内容与要求,评价一下自己还有哪些做得不够好,运用在课程平台中学习到的健康行动计划的制订与实施方法,制订自己的健康行动计划并实施,尽快养成自己的健康生活方式。
          </p>
        </div>
        <h3 id="c003">专题三 æé«˜å¿ƒç†å¥åº·çš„æ°´å¹³</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">1.了解心理健康的标准及影响因素。</p>
          <p class="block">
            2.认识自尊、人格和人际关系对自身心理健康的影响,并通过科学的方法来调节自身心理状况。
          </p>
          <p class="block">
            3.学会用运动缓解压力、消除焦虑和恐惧等心理障碍的方法。
          </p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">情境导入</p>
          <p class="block">
            å°è´¾æ˜¯æŸèŒä¸šå­¦æ ¡æœè£…设计专业的学生,她一直是同学中的佼佼者。但在一次考试中,小贾的作品被老师当众质疑。从此她信心一落千丈,有时甚至难以完成作品。后来她找到了心理咨询师王老师,倾诉了所有的烦恼。在王老师的引导下,她分析了自己不良情绪的来源及本质,发现自己过于在意他人的看法,当自己的作品被否定时,便开始质疑自己的能力,导致每次考试都会焦虑。在王老师的引领下,小贾终于走出自我质疑的阴影,学习和生活都回到了正轨。
          </p>
        </div>
        <p>
          è‰¯å¥½çš„心理健康水平是我们可持续发展的基石。同学们正处在青春期,在经历生理和心理变化带来的各种影响的同时,也面临着未来道路的选择。因此,如何提高心理健康的水平成为每位同学都需要关注的话题。
        </p>
        <p>
          æœ¬ä¸“题主要介绍心理健康的标准及影响因素,意在引导同学们正确认识自我,并用适宜的方式进行自我评价,为青春期的成长助力。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="22">
    <div v-if="showPageList.indexOf(22) > -1">
      <div class="bodystyle">
        <h4 id="d008">一、心理健康的标准</h4>
        <p>
          ä¸åŒæ—¶æœŸçš„不同学者认为心理健康有着不同的含义和标准。但有4条标准是公认的:第一,有一种主观幸福感;第二,有能力形成和维持良好的人际关系;第三,有能力参与建设性、有意义的工作;第四,有能力成功地应对生活的挑战,获得成长。
        </p>
        <p>
          åœ¨å¥åº·é—®é¢˜ä¸Šï¼Œéƒ¨åˆ†äººæœ‰ä¸ªè¯¯åŒºï¼Œå³å¯ä»¥åˆ°å¤„诉说自己有高血压、心脏病、糖尿病等,却羞于提及自己心理有问题。即便心理障碍甚至心理疾病已非常严重,依然害怕被别人知晓,拒绝去专科医院就诊。出现心理问题不可怕,可怕的是我们逃避它、掩饰它,而没有及时求助。我们需要做的是真实地去面对心理问题,积极寻找有效方法进行调节。每解决一个心理问题、战胜一次挫折困难,我们都会获得一次自我成长。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">学一学</p>
          <p>请同学们登录课程平台参阅“马斯洛的心理健康标准”。</p>
        </div>
        <h4 id="d009">二、心理健康的影响因素</h4>
        <p>
          å¿ƒç†å¥åº·çš„影响因素有很多,既有遗传、生理结构、性别、年龄等个体因素,也有家庭教养方式、经济条件、文化、环境等社会因素。从心理学视角出发,有如下几个重要指标与个体的心理健康息息相关。
        </p>
        <h5 id="e012">(一)自尊</h5>
        <p>
          è‡ªå°Šæ˜¯æŒ‡è‡ªæˆ‘接纳、自我尊重和自我价值感,是个人对自己重要性、价值感的评价,是预测主观幸福感和生活满意度最为稳定的心理指标。自尊包括两个方面:第一,归属感,给个体的生活提供了安全的基石,使其相信无论发生何事,自己都将被接受。第二,掌控感,是个体通过克服一个又一个困难而获得的对世界能够施加影响的控制感。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p>请同学们登录课程平台进行“社会支持量表”的测试。</p>
        </div>
        <h5 id="e013">(二)人格</h5>
        <p>
          äººæ ¼æ˜¯æŒ‡ä¸€ä¸ªäººç‹¬ç‰¹çš„、相对稳定的行为模式,包括兴趣、态度、气质、价值观、意志等方面。
        </p>
        <h5 id="e014">(三)人际关系</h5>
        <p>
          åœ¨æ‰€æœ‰å¿ƒç†å¥åº·æ ‡å‡†ä¸­ï¼Œèƒ½å¤Ÿå»ºç«‹å’Œç»´æŒè‰¯å¥½çš„人际关系这一标准都被列入其中。朋友与家人能够满足我们安全与归属、爱与被爱的需求,这是人们内心安全感的源泉。一个心理健康的人有能力去爱人,也乐于接受别人的关爱,能够在人际交往中与他人建立和谐、友爱的关系。他的内心会充满安全感。他会用开放、积极、包容的心态与人相处,较少有防御、敌对和回避的心态。他能在交往中带给别人信任、尊重、帮助、赞美,同时也获得更多的社会支持。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p>请同学们登录课程平台进行“整体自尊量表”的测试。</p>
        </div>
      </div>
    </div>
  </div>
  <div class="page-box" page="23">
    <div v-if="showPageList.indexOf(23) > -1">
      <div class="bodystyle">
        <h4 id="d010">三、正确认识自我</h4>
        <p>
          å¦‚何面对内心的矛盾与疑惑?正确地认识自我、接纳自我是青春期健康成长的一剂良药。虽然环境、经历会给人带来深远的影响,但我们若能接纳变化的、真实的自己,就能更好地迎接青春期的挑战。
        </p>
        <h5 id="e015">(一)自我个性的认识</h5>
        <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p>请同学们登录课程平台进行“我的个性成熟度”的测试。</p>
        </div>
        <p>
          åŒå­¦ä»¬åˆšåˆšè¸ä¸Šè®¤è¯†è‡ªå·±çš„“新大陆”,对很多新奇事物的认知还不稳定,也很难客观、真实地分辨对错。在这一时期,我们的自尊心最强烈也最脆弱。如果受尊重的需求得到满足,自尊就会成为一种积极的心理品质;反之,则会引起自我怀疑、自卑等消极心理。我们应正确面对自己生理和个性上的变化,学会接纳自我,试着与信任的朋友、老师、家长坦诚地沟通与分享,获得他们的帮助与理解。
        </p>
        <h5 id="e016">(二)个体社会化的认识</h5>
        <p>
          é’春期个体社会化是基本社会化的最后阶段,也是极为重要的人生阶段。有人将其称为“人生的第二次诞生”“心理断乳时期”等。我们既要正确认识自己,也要形成与他人、与社会的健康联结。身边的同学、朋友、老师、家长等都是我们人际圈里的重要组成部分,如何与他们建立良好的关系,帮助我们更加适应这个社会的发展呢?
        </p>
        <p><b>1.与成年人交往</b></p>
        <p>
          ç”±äºŽé’春期心理“上锁”的特征,我们容易与老师、父母发生冲突,特别是与父母发生冲突。面对冲突,我们需要克制自己,静下心来思考自己内心的想法,寻找合适的沟通机会;当我们不被理解、不被尊重时,我们可以试着向老师或父母真实地表达自己内心的期待和想法;在遇到困难时,我们可以找自己信任和尊重的成年人寻求帮助。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">议一议</p>
          <p>
            å°é»„和小李是某中职学校的一对好伙伴。她俩品学兼优,又都爱好羽毛球运动,平时形影不离,无话不说。两人同为班干部,但在最近一次班干部竞选中,小黄以一票之差意外落选,因此怀疑小李在竞选中没有投自己的票,俩人的关系逐渐冷淡……面对此情况,小李该如何去做呢?
          </p>
        </div>
        <p><b>2.与同龄人交往</b></p>
        <p>
          æˆ‘们应多与同龄伙伴交往,特别是与自己志趣相投和性格相近的人交往。首先,
          äº¤å¾€æ—¶è¦æ ‘立平等、真诚、信任、理解的理念,尊重彼此的家庭、个性、学习成绩等;其次,要学会接纳对方,当同学之间发生矛盾与冲突时,先反思自己的言行,尽量对他人宽容;最后,要正确看待与同学的合作、竞争关系,主动融入集体学习和活动,将竞争看作促进彼此学习与提高的机会。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="24">
    <div v-if="showPageList.indexOf(24) > -1">
      <div class="bodystyle">
        <h4 id="d011">四、正确进行自我评价</h4>
        <h5 id="e017">(一)通过认识他人来认识自我</h5>
        <p>
          è‡ªæˆ‘评价是自我认识的体现,深刻的自我认识是以深刻认识和理解他人以及社会为前提的。在不断认识和评价他人言行的过程中,我们逐渐学会认识自我、评价自我,促进自我认知水平的不断提高。
        </p>
        <h5 id="e018">(二)通过分析他人对自己的评价来评价自我</h5>
        <p>
          åœ¨æˆé•¿è¿‡ç¨‹ä¸­ï¼Œä»–人对自己的评价在所难免。要学会理性地认识他人的评价,将评价转换为促进自我认知和成长的重要方式。
        </p>
        <h5 id="e019">(三)通过与他人的比较来认识自我</h5>
        <p>
          åœ¨ä¸ªä½“社会化的过程中,我们无法摆脱合作与竞争的关系。在对比自己与他人的表现时,我们应更好地认识自己的优势与劣势,以达到取长补短、促进成长的目的。
        </p>
        <h5 id="e020">(四)通过自我比较来评价自我</h5>
        <p>
          é™¤äº†ä¸Žä»–人比较外,更重要的是与自己比较,以达到超越自我的目的。要实现个人的纵向成长,就要求我们从过去、现在和将来的维度中认识自我,既要看到自己的进步,也要看到自己发展的方向,以此来衡量自己现阶段的状态。
        </p>
        <h5 id="e021">(五)创建良性的评价氛围</h5>
        <p>
          ä»Žæˆ‘做起,创建良性的评价氛围,与同学建立良好、融洽的关系;遇到问题时,多请教老师,建立和谐的师生关系等。
        </p>
        <h4 id="d012">五、运动减压的方法</h4>
        <p>
          ç”Ÿæ´»ä¸­å¤„处有运动。无论是在运动场馆中,还是在出行路上或者户外,运动都与我们相伴。运动带来的机体疲劳和放松能让我们睡眠更良好,进食更顺畅。运动还有助于克服恐惧、焦虑等心理,调节心理压力和心理疲劳。
        </p>
        <p>除慢跑外,有效的减压运动还有以下四项。</p>
        <h5 id="e022">(一)游泳</h5>
        <p>
          æ¸¸æ³³ä¸ä½†å¯ä»¥å¢žå¼ºå¿ƒè‚ºåŠŸèƒ½ï¼Œè€Œä¸”æœ‰åŠ©äºŽå¿ƒç†å‡åŽ‹ã€‚åœ¨æ¸¸æ³³çš„æ—¶å€™ï¼Œå…¨èº«çš„è‚Œè‚‰ä¼šå¾—åˆ°æ”¾æ¾ï¼Œä»£è°¢æ°´å¹³å¤§å¤§æå‡ï¼Œå¿ƒç†åŽ‹åŠ›ä¹Ÿä¼šå¾—åˆ°æœ‰æ•ˆç¼“è§£ã€‚
        </p>
        <h5 id="e023">(二)打羽毛球</h5>
        <p>
          ç¾½æ¯›çƒç­‰æ‰§æ‹é¡¹ç›®å¯¹ç¼“解压力是不错的选择。人在打羽毛球的时候能在羽毛球的穿梭飞行中体会到无穷的乐趣,同时体力的消耗能使心理放松、压力缓解。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="25">
    <div v-if="showPageList.indexOf(25) > -1">
      <div class="bodystyle">
        <h5 id="e024">(三)骑自行车</h5>
        <p>
          åœ¨éª‘行的时候,我们会保持高度专注,忘掉烦恼,让大脑得到更多的休息。亲近大自然可以使人精神倍增,有利于缓解心理压力。同时,还能更好地践行绿色、循环、低碳的环保理念。
        </p>
        <h5 id="e025">(四)登山</h5>
        <p>
          ç»¿æ°´é’山就是金山银山。登山既能有效锻炼肌肉的力量,强健骨骼,也能缓解压力。当一步一步登山的时候,靓丽的风景以及“征服”高山的行为都可以给人带来成就感。
        </p>
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">1.我与同龄人交往时应该____________。</p>
          <p class="block">2.我与父母交往时应该_______________________。</p>
          <p class="block">
            3.为了维护自己的心理健康,我会________________________________。
          </p>
          <p class="block">
            4.自己的“寻人启事”:6~8位同学一组,每位同学根据自己的学习、生活、人际关系和个性品质等,写出
            5~8
            ä¸ªè‡ªå·±çš„特征,写完不署名。写完后将所有的“寻人启事”收起来打乱顺序,发给其他同学,让同学猜猜自己拿到的“寻人启事”找的是谁,并且根据事实陈述分析的理由。每位同学分析完后,“寻人启事”上的同学站出来“揭秘”。这样的过程可以帮助同学之间相互认识与评价,也能帮助个人更加全面和客观地认识自己。
          </p>
        </div>
        <h3 id="c004">专题四 é¡ºåˆ©åº¦è¿‡é’春期</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">1.了解青春期的生理和心理特点。</p>
          <p class="block">2.掌握青春期保健的方法。</p>
          <p class="block">3.认识过早性行为的危害。</p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">情境导入</p>
          <p class="block">
            15岁的小王开始经常遗精,这让他既好奇又迷惑。同时,他的心理也发生了很大的变化,经常会莫名地烦恼和焦虑。小王由此进入了所谓“青春困惑期”。
          </p>
        </div>
        <p>
          é’春期是儿童期和成年期之间的过渡阶段。以性成熟为核心的生理方面的发展,使同学们具有了与儿童时期明显不同的社会、心理特征。在这个时期,同学们的身体、外貌、行为
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="26">
    <div v-if="showPageList.indexOf(26) > -1">
      <div class="bodystyle">
        <p>
          æ¨¡å¼ã€è‡ªæˆ‘意识、交往与情绪特点和人生观等,都慢慢脱离了儿童的特征而逐渐成熟起来。
        </p>
        <p>
          æœ¬ä¸“题将带同学们探究自我身心发育与发展现状,帮助同学们认识自我,学会积极应对青春期身心困惑与问题,指导同学们的生活实践,助推同学们健康成长,让同学们绽放出最美青春,遇见最美好的自己!
        </p>
        <h4 id="d013">一、青春期生长发育特征</h4>
        <p>
          é’春期指由儿童逐渐发育成成年人的过渡时期。根据生理发育特点,青春期可分为前期、中期和晚期,每期持续
          2~4 å¹´ï¼ˆè§è¡¨ 1-4-1)。
        </p>
        <p class="img">表1-4-1 é’春期不同时期的生理特点和表现</p>
        <p class="center">
          <img class="img-a" alt="" src="../image/0028-1.jpg" />
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p class="block">
            è¯·åŒå­¦ä»¬ç™»å½•课程平台学习“青春期常见生理问题”,看看自己处于哪一阶段。
          </p>
        </div>
        <p>
          åœ¨èº«ä½“发育方面,重要的内分泌激素,如生长激素、睾酮、雌激素等的大量分泌,使得正处于青春期的同学们的身体形态、身体机能和身体素质得到进一步发展。形态发育主要体现在身高和体重的突增上;身体机能发育体现在心肺功能、造血功能的增强上;身体素质发展体现在速度的提高及力量、耐力、灵活度、柔韧性、协调性的增强上。
        </p>
        <p>
          åœ¨ä¸­èŒé˜¶æ®µï¼Œå¤§å¤šæ•°å¥³ç”Ÿå¤„在青春期晚期,第二性征发育成熟,生殖功能也基本成熟,身高增长已减缓或停止,出现周期性月经;大多数男生处在青春期中晚期,第二性征发育基本完成,身高增长已减缓,出现正常的生理遗精现象。
        </p>
        <h4 id="d014">二、青春期心理特点</h4>
        <p>
          éšç€ç”Ÿç†ç‰¹å¾çš„æ”¹å˜ï¼ŒåŒå­¦ä»¬çš„心理活动也发生着巨大的变化,有时感到好奇,有时又感到迷惑、害怕。这一时期称作“青春困惑期”。此时同学们的心理状态主要呈现以下特征。
        </p>
        <p>
          ç¬¬ä¸€ï¼Œç‹¬ç«‹æ€§å¢žå¼ºã€‚随着自我意识的觉醒,同学们感觉自己已经长大了,有一种强烈的
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="27">
    <div v-if="showPageList.indexOf(27) > -1">
      <div class="bodystyle">
        <p>
          ç‹¬ç«‹æ„Ÿï¼Œåœ¨å­¦ä¹ å’Œç”Ÿæ´»ä¸Šä¸å†è¢«åŠ¨åœ°å¬ä»Žçˆ¶æ¯çš„å®‰æŽ’ï¼Œè€Œæ˜¯æ¸´æœ›ç”¨è‡ªå·±çš„çœ¼ç›çœ‹ä¸–ç•Œï¼Œç”¨è‡ªå·±çš„æ ‡å‡†è¡¡é‡æ˜¯éžæ›²ç›´ã€‚
        </p>
        <p>
          ç¬¬äºŒï¼Œæƒ…绪两极化。同学们既会为一时的成功而激动不已,也会为小小的失意而意志消沉,
          æƒ…绪多变,经常表现出莫名的烦恼和焦虑。
        </p>
        <p>
          ç¬¬ä¸‰ï¼Œå¿ƒç†â€œä¸Šé”â€ã€‚随着心理的不断发展,同学们在情绪管理能力上有了一定的提高,开始学会掩饰、隐藏自己的真实情绪,出现心理“上锁”的现象。
        </p>
        <p>
          ç¬¬å››ï¼Œå†…心充满矛盾。青春期是长大成人的开始,是由不成熟向成熟的过渡阶段。同学们内心充满了矛盾与冲突,如生理成熟提前和心理成熟滞后的矛盾、独立意识增强与实际能力偏差的矛盾、渴望他人理解与心理“上锁”的矛盾。
        </p>
        <p>
          ç¬¬äº”,行为易冲动。相关研究指出,青春期同学们的大脑中,负责控制情感和冲动的神经尚未发育成熟,易爆发冲动行为。
        </p>
        <p>
          é’春期是同学们由心理幼稚走向心理成熟的过渡期,青春的烦恼是成长的印记。同学们遇到烦恼、矛盾与困惑时,应该学着接纳自我,试着与信任的朋友、老师、家长坦诚交流与沟通,获得他们的帮助和理解,从而顺利平稳度过青春期。
        </p>
        <h4 id="d015">三、青春期性心理与异性交往</h4>
        <h5 id="e026">(一)青春期性心理</h5>
        <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p class="block">
            è¯·åŒå­¦ä»¬ç™»å½•课程平台进行异性交往情况自评,并与同学们交流。
          </p>
        </div>
        <p>
          éšç€é’春期性发育的逐渐成熟,男生和女生不仅在体貌特征上有显著差异,而且在性格、爱好方面的差异也会更加明显。同学们会对异性产生好奇心,喜欢以特殊的行为来吸引异性的注意,这是正常性心理的表现。另外,与异性接触时还会产生一种特殊的相互吸引力和激发力,被称为“异性效应”。这在青少年交往中表现得更为明显。同学们要学会与异性正常交往的方法,掌握交往的准则。
        </p>
        <h5 id="e027">(二)与异性交往的准则</h5>
        <p>
          ç¬¬ä¸€ï¼Œè¦äº’相尊重,做到“六不”:既不过分随便,也不过分拘谨;既不过分冷淡,也不过分亲昵;既不卖弄自己,也不过分严肃。
        </p>
        <p>
          ç¬¬äºŒï¼Œå°½é‡ä¿æŒç¾¤ä½“模式和公开模式,避免秘密地单独相处。同学间应彼此理解、互相信任,不无端猜疑、散布谣言。
        </p>
        <p>
          ç¬¬ä¸‰ï¼Œè¡¨çŽ°è‡ªç„¶ã€å¤§æ–¹ã€‚åŒå­¦é—´åº”äº’ç›¸å…³å¿ƒã€çˆ±æŠ¤ã€å¸®åŠ©ï¼ŒçœŸè¯šã€å‹å¥½åœ°ç›¸å¤„ã€‚
        </p>
        <p>第四,要增强防范意识,学会保护自己。</p>
      </div>
    </div>
  </div>
  <div class="page-box" page="28">
    <div v-if="showPageList.indexOf(28) > -1">
      <div class="bodystyle">
        <h4 id="d016">四、正确认识过早性行为的危害</h4>
        <p>
          è¿‡æ—©æ€§è¡Œä¸ºä¼šä½¿é’少年产生紧张感、忧虑感、较大的情绪波动及沉重的精神负担,保护不当也可能引发传染性性疾病和生殖器感染性疾病,还可能会在婚后给家庭生活带来阴影。
        </p>
        <p>
          å¤„于青春期晚期的青少年由于生理原因容易产生性渴望和性冲动,这是正常的生理现象,但性行为不应随意和冲动。可以通过运动、环境、话题等转移注意力,抵制诱惑,净化心灵,理智行事,弱化冲动。万一不小心发生性行为,同学们要懂得保护自己,采取安全措施,防止感染性疾病,如艾滋病等。如果怀孕,要第一时间向老师、父母求助,采取紧急补救措施,避免留下遗憾。总之,同学们必须谨记:青少年时期首先应以学业为重,应树立性安全意识,在性行为这条“起跑线”上不宜“抢跑”,而须讲原则、守底线。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">学一学</p>
          <p class="block">
            è¯·åŒå­¦ä»¬ç™»å½•课程平台学习“避孕方法及避孕失败后的紧急补救措施”。
          </p>
        </div>
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.我的各项生长发育生理指标<a id="w3"></a
            ><a href="chapter002.html#m3"><sup>[3]</sup></a
            >。
          </p>
          <p class="block">
            ä½“重指数<a id="w4"></a
            ><a href="chapter002.html#m4"><sup>[4]</sup></a
            >:_____千克/ç±³<sup>2</sup> 低体重 正常 è¶…重 è‚¥èƒ–
          </p>
          <p class="block">肺活量:_____毫升 åä½Žã€€æ­£å¸¸ã€€è‰¯å¥½ ä¼˜ç§€</p>
          <p class="block">脊柱 正常 侧弯 前凸或后凸</p>
          <p class="block">性发育: 正常 异常</p>
          <p class="block">总体: åå·®ã€€æ­£å¸¸ã€€è‰¯å¥½</p>
          <p class="block">
            æˆ‘为未来生活和职业应加强的方面有____________________。
          </p>
          <p class="block">
            2.我处于青春期的___期,现在的心理状态是___________。我打算这样度过这一特殊时期___________。
          </p>
          <p class="block">
            3.案例分析:你认为小C应该怎样做?你想对小D说些什么?
          </p>
          <p class="block">
            ä¸­èŒå­¦æ ¡ä¸‰å¹´çº§å¥³ç”Ÿå°C和男生小D是同班同学,两人经常一起交流学习和生活中遇到的问题。不知不觉中两人产生了好感,陷入了恋爱中。一个周末,小D趁家里没人,便主动邀请小C到家里玩。相处间小D突然心生杂念,提出要与小C发生性行为。小C一时手足无措,不知如何是好。
          </p>
        </div>
      </div>
    </div>
  </div>
  <div class="page-box" page="29">
    <div v-if="showPageList.indexOf(29) > -1">
      <div class="bodystyle">
        <h3 id="c005">专题五 å¢žå¼ºç–¾ç—…预防意识与能力</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">
            1.养成良好的卫生习惯,提高预防疾病的意识和能力。
          </p>
          <p class="block">
            2.掌握艾滋病、生活方式病等疾病的起因与预防措施。
          </p>
          <p class="block">
            3.养成每天保证充足睡眠和合理膳食的习惯,提高机体免疫力。
          </p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">情境导入</p>
          <p class="block">
            å°åŒ—是一名中职学校新生,第一次离家到外地上学,饮食不习惯,跟同学关系也比较冷淡,感觉很孤单,没多久就迷上了网络游戏,常常凌晨两三点才睡觉。因为熬夜,小北晚上经常吃夜宵,运动也少,生物钟混乱。曾经体重正常的小北越来越胖,学习成绩也很不如意,期末考试有多门科目不及格。
          </p>
        </div>
        <p>
          ä¸è®ºæ˜¯åœ¨äººç”Ÿçš„哪一阶段,
          ç–¾ç—…都是人们健康的天敌。学生时代容易出现的近视,学校等集体场所容易迅速传播的肺结核等,都威胁着同学们的身体健康。此外,成年人易患的颈椎病、肥胖症、心脑血管疾病、糖尿病等慢性病,甚至癌症,都在朝着低龄化的方向发展。还有致死率高、危害性大的艾滋病,也不时向青少年伸出魔爪。同学们将来的工作环境繁杂,一定要学会预防疾病,从现在起“做自己健康的第一责任人”。
        </p>
        <p>
          æœ¬ä¸“题将带领同学们树立疾病防控意识,学习预防常见传染病、高发的生活方式病的知识与技能,掌握防控疾病的本领,从而保障同学们健康生活、健康成长。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">学一学</p>
          <p>请同学们登录课程平台学习“科学防护,远离结核危害”。</p>
        </div>
        <h4 id="d017">一、预防艾滋病,你我同参与</h4>
        <p>
          è‰¾æ»‹ç—…(AIDS)是由艾滋病病毒(HIV)导致的一种慢性致死性传染病。艾滋病病毒专门攻击人体免疫系统,最短可在一年内发病,到了晚期容易出现癌症、感染或其他严重的临床症状。目前还没有彻底治愈艾滋病的药物和方法。艾滋病未发病前无症状,但传染性非常强,危害大,病死率高。当前,青少年学生艾滋病感染病例不断增长,一旦感染,对家庭、学校、社会都是一场噩梦。预防艾滋病,需要全社会共同参与。
        </p>
        <h5 id="e028">(一)艾滋病的传播途径</h5>
        <p>
          è‰¾æ»‹ç—…病毒主要存在于感染者的血液、精液、阴道分泌物、乳汁、伤口渗出液等体液中。传播途径主要有血液传播、性传播和母婴传播,日常接触通常不会感染艾滋病。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="30">
    <div v-if="showPageList.indexOf(30) > -1">
      <div class="bodystyle">
        <h5 id="e029">(二)艾滋病的传染源</h5>
        <p>只有艾滋病病毒感染者(携带者)和病人才能将病毒传染给他人。</p>
        <p>
          å€¼å¾—注意的是,艾滋病病毒感染者一般没有明显症状,外表和正常人一样,没有任何区别,可在没有症状或只有轻微疾病情况下存活很多年。如果不做艾滋病病毒抗体检测,有时人们很难发现感染者。因此,我们在日常生活中必须做好防护,避免感染。
        </p>
        <h5 id="e030">(三)学会自我保护</h5>
        <p>
          é¢„防艾滋病是每个公民的责任。同学们一定要增强性安全意识,积极采取有效措施,预防和控制艾滋病的流行。
        </p>
        <p>
          ä¸ä½¿ç”¨éžæ­£è§„医疗单位提供的来历不明的血液和血制品;不卖血;不与他人共用针头、针管、纱布等;不共用可能刺破皮肤的用具,如牙签、剃须刀等;不去非正规的医疗机构或美容院打针、输液、拔牙、扎耳洞等;接触他人的血液和伤口时要做好防护。
        </p>
        <p>
          æ­£ç¡®äº¤å‹ï¼Œæ´èº«è‡ªçˆ±ï¼Œæ ‘立性安全意识,远离艾滋病侵害。发生高危性行为后,要及时进行药物阻断,应主动寻求艾滋病检测。早发现、早治疗对维护个人健康至关重要。
        </p>
        <p>
          æˆ‘国各地医疗机构和疾控中心都设有艾滋病检测点,可以提供专业的艾滋病检测和咨询服务,也可购买正规的自检试剂进行自我检测。如检测结果呈阳性,一定要去医疗机构或疾控中心进行确认,并接受咨询和后续治疗服务。
        </p>
        <p>
          æ—¥å¸¸ä¸­åº”消除对艾滋病病人和感染者的歧视,并在力所能及的范围内帮助他们。
        </p>
        <h4 id="d018">二、爱眼护眼,重视视力健康</h4>
        <p>
          ä¸–界卫生组织曾提到,在卫生支出里,除了肿瘤、心脑血管疾病之外,视力健康支出排第三。视力缺陷带来的危害不可逆转,轻则影响正常生活,重则引起视觉疾病,如近视、白内障甚至眼盲。所以同学们一定要重视视力健康,保护好视力。
        </p>
        <h5 id="e031">(一)增强保护视力的意识与能力</h5>
        <p>
          å¼ºåŒ–视力健康意识。同学们要主动学习科学用眼、护眼的健康知识,积极关注自身视力状况。眼睛受伤或自我感觉视力发生明显变化时,尽早到正规的眼科医疗机构检查和治疗。
        </p>
        <p>
          å…»æˆå¥åº·ç”¨çœ¼ä¹ æƒ¯ã€‚定时做眼保健操,保持正确读写姿势,积极参加体育锻炼和户外活动,养成良好生活方式,不熬夜,自觉减少使用电子产品。接触含有害化学成分、强酸强碱等物品时要做好防护工作。
        </p>
        <h5 id="e032">(二)了解职业性眼病的起因及预防</h5>
        <p>
          èŒä¸šæ€§çœ¼ç—…指所有与职业有关的有害因素所造成的眼部损害。法定职业性眼病包括化学性眼部灼伤、电光性眼炎、职业性白内障三大类。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="31">
    <div v-if="showPageList.indexOf(31) > -1">
      <div class="bodystyle">
        <p>
          åŒ–学性眼部灼伤是指眼部直接接触碱性、酸性或其他含有化学物质的气体、液体或固体导致的眼组织腐蚀性损害,一般多发生在化工厂、实验室或施工场所。一旦发生要现场紧急救治,用水大量冲洗,并及时送往医院诊治。
        </p>
        <p>
          ç”µå…‰æ€§çœ¼ç‚Žæ˜¯æŒ‡çœ¼éƒ¨å—紫外线照射所致的急性角膜结膜炎。电焊作业人员及所有从事接触紫外线辐射的作业人员皆有可能发生这类职业性眼病,其中以电焊工最为多见。个人要增强个人防护意识,在进行操作时,应佩戴防护罩或者防护眼镜。
        </p>
        <p>
          èŒä¸šæ€§ç™½å†…障的病因主要有职业性化学因素和职业性物理因素两大类。例如,长期接触萘、铊等引起的中毒性白内障,或受到微波、红外线和紫外线辐射引起的非电离辐射性白内障等。在矿场工作的工人容易因为接触炸药TNT慢性中毒引起眼部病变,严重时可导致白内障。个人在作业时要增强防护意识,加强防护措施,减少接触,并坚持做好健康监护。
        </p>
        <h4 id="d019">三、生活方式病(慢性病)早防是关键</h4>
        <p>
          ç”Ÿæ´»æ–¹å¼ç—…指由于人们衣、食、住、行等日常生活中的不良行为,以及其他各方面不良因素导致的慢性非传染性疾病,包括肥胖症、高脂血症、高尿酸血症、高血压、糖尿病、冠心病等严重威胁人类健康和生命的疾病。生活方式病已经取代传染性疾病成为威胁生命的首要疾病,被称为“头号杀手”,而且发病已逐渐年轻化。
        </p>
        <p>
          ä¸è‰¯çš„生活方式引发的各类疾病已形成生活方式疾病链,会对身心健康造成严重影响(见图1-5-1)。
        </p>
        <p class="center">
          <img class="img-b" alt="" src="../image/0033-1.jpg" />
        </p>
        <p class="img">图1-5-1 ç”Ÿæ´»æ–¹å¼ç–¾ç—…链</p>
      </div>
    </div>
  </div>
  <div class="page-box" page="32">
    <div v-if="showPageList.indexOf(32) > -1">
      <div class="bodystyle">
        <p>
          å¯¹äºŽç”Ÿæ´»æ–¹å¼ç—…来说,预防胜于治疗,可通过改变已有的不良生活方式达到预防疾病的目的,如改变不良的饮食习惯、戒烟、戒酒、适量运动,以及努力改善心理不平衡、性格急躁等问题。
        </p>
        <h5 id="e033">(一)控制体重</h5>
        <p class="block">◆男性标准体重(kg)=身高(cm)-100</p>
        <p class="block"> 女性标准体重(kg)=身高(cm)-105 </p>
        <p class="block">◆超重</p>
        <p class="block"> >10%轻度肥胖</p>
        <p class="block"> >20%中度肥胖</p>
        <p class="block"> >30%重度肥胖</p>
        <p class="block">
          â—†ä½“重指数(BMI)=体重(kg)/身高<sup>2</sup>(m<sup>2</sup>)
        </p>
        <p class="block">◆过低</p>
        <p class="block"> 正常18.5~24</p>
        <p class="block"> 超重≥24</p>
        <p class="block"> 肥胖≥28</p>
        <p>我们应通过健康饮食和坚持运动来保持标准体重。</p>
        <h5 id="e034">(二)建立健康的饮食方式</h5>
        <p>
          æˆ‘们要遵循“三减”(减盐、减油、减糖)的饮食方式,避免偏食、挑食和暴饮暴食。
        </p>
        <h5 id="e035">(三)不吸烟、不饮酒</h5>
        <div class="bk-xyx">
          <p class="bj1-xyx">议一议</p>
          <p>
            è¯·åŒå­¦ä»¬ç™»å½•课程平台学习“缓解心理压力的方法”,并与同学交流自己的心得体会。
          </p>
        </div>
        <p>吸烟、饮酒都不利于身体健康,我们应自觉抵制诱惑。</p>
        <h5 id="e036">(四)养成坚持运动的好习惯</h5>
        <p>科学、规律的运动能帮助我们有效预防生活方式病,促进健康。</p>
        <h5 id="e037">(五)保持心理平衡</h5>
        <p>
          æˆ‘们应尽量保持心态平和、乐观、豁达、向上,遇到困难、挫折时能理性对待,尽力调节。如果感到焦虑、孤独、抑郁、恐惧,应及时求助。
        </p>
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.对照自身实际,你处在生活方式疾病链中的什么位置?应该怎样应对?
          </p>
          <p class="block">2.你认为有效缓解心理压力的方法主要有哪些?</p>
        </div>
      </div>
    </div>
  </div>
src/components/examinations/index.vue
@@ -445,6 +445,13 @@
      cardData:[]
    };
  },
  watch:{
    cardList:{
      handler(newVal) {
        console.log('11',newVal);
      }
    }
  },
  mounted() {
    this.cardData = this.cardList
    console.log('this.cardList',this.cardList);