合并

unknown

2024-05-27 06a893e503c32ea16026db428f4d82eef7eedb3c

合并

 package.json

@@ -10,6 +10,7 @@
  "dependencies": {
    "axios": "^1.6.8",
    "core-js": "^3.8.3",
    "drawflow": "^0.0.59",
    "element-ui": "^2.15.14",
    "lodash": "^4.17.21",
    "moment": "^2.30.1",

 src/App.vue

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

 src/books/English/assets/images/Answer.svg

New file
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
  <path class="a"
    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
    transform="translate(-3327.144 15329)" />
</svg>

 src/books/English/assets/images/´ð°¸.svg

File was deleted

 src/books/English/assets/main.less

@@ -837,12 +837,14 @@
    }
  }
  .parimary-btn {
    min-width: 80px;
    font-size: 14px;
    margin-left: 5px;
    background-color: #0bab87;
    border-color: #0bab87;
    border-width: 1px;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    &:hover {
      background-color: #a1afc8;
      border-color: #a1afc8;
@@ -895,10 +897,41 @@
  }
  button {
    cursor: pointer;
    border-radius: 6px;
  }
  button:focus {
    outline: none;
  }
  .pd-5 {
    padding: 0 5px;
  }
  .resource-primary-border {
    border: 3px dotted #f49a4c;
    border-radius: 1em;
  }
  .btn-border {
    border-color: #0bab87;
  }
  svg {
    fill:#fff ;
  }
  .btn-box {
    margin-left: 5px;
    cursor: pointer;
    text-indent: 0;
    display: inline-block;
    border:1px solid #0bab87;
    height: 22px;
    padding: 5px;
    background-color:#0bab87 ;
    border-radius: 5px;
    &:hover {
      background-color: #fff;
      svg {
        fill:#0bab87 ;
      }
    }
  }
}
/* åª’体查询做基础响应式布局 */
@media (max-width: 660px) {

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

@@ -46,7 +46,27 @@
              >Ⅰ.Write down the English words for the Chinese cultural symbols
              in the following pictures.</b
            >
            <button @click="showAnswerTwo = !showAnswerTwo">显示答案</button>
            <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
              <svg
              xmlns="http://www.w3.org/2000/svg"
              width="20.501"
              height="20.501"
              viewBox="0 0 20.501 20.501"
              
            >
              <path
                class="a"
                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                transform="translate(-3327.144 15329)"
              />
            </svg>
            </span>
            <!-- <button
              @click="showAnswerTwo = !showAnswerTwo"
              class="parimary-btn"
            >
              æ˜¾ç¤ºç­”案
            </button> -->
          </p>
          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
@@ -262,12 +282,27 @@
          </div>
          <p class="t0">
            <b>Ⅱ.What other symbols can you think of?</b>
            <button
            <!-- <button
              class="parimary-btn"
              @click="showAnswerOne = !showAnswerOne"
            >
              æ˜¾ç¤ºç­”案
            </button>
            </button> -->
            <span class="btn-box" @click="showAnswerOne = !showAnswerOne">
              <svg
              xmlns="http://www.w3.org/2000/svg"
              width="20.501"
              height="20.501"
              viewBox="0 0 20.501 20.501"
              
            >
              <path
                class="a"
                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                transform="translate(-3327.144 15329)"
              />
            </svg>
            </span>
          </p>
          <p class="t0">
            <input
@@ -326,12 +361,27 @@
          </h3>
          <p>
            1.How was Chinese culture introduced to the world in ancient times?
            <button
            <!-- <button
              class="parimary-btn"
              @click="showAnswerThree = !showAnswerThree"
            >
              æ˜¾ç¤ºç­”案
            </button>
            </button> -->
            <span class="btn-box" @click="showAnswerThree = !showAnswerThree">
              <svg
              xmlns="http://www.w3.org/2000/svg"
              width="20.501"
              height="20.501"
              viewBox="0 0 20.501 20.501"
              
            >
              <path
                class="a"
                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                transform="translate(-3327.144 15329)"
              />
            </svg>
            </span>
          </p>
          <textarea
            v-model="questionData.reading.one"
@@ -351,12 +401,27 @@
          <p>
            2.China offers so much to see and explore.What took you by surprise
            about China?
            <button
            <!-- <button
              class="parimary-btn"
              @click="showAnswerFour = !showAnswerFour"
            >
              æ˜¾ç¤ºç­”案
            </button>
            </button> -->
            <span class="btn-box" @click="showAnswerFour = !showAnswerFour">
              <svg
              xmlns="http://www.w3.org/2000/svg"
              width="20.501"
              height="20.501"
              viewBox="0 0 20.501 20.501"
              
            >
              <path
                class="a"
                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                transform="translate(-3327.144 15329)"
              />
            </svg>
            </span>
          </p>
          <textarea
            v-model="questionData.reading.two"
@@ -1096,10 +1161,13 @@
            &nbsp; 5.if
          </p>
          <ul class="fl ju-ev" style="width: 50%">
            <li><button>提交</button></li>
            <li><button @click="setTestData">保存</button></li>
            <li><button class="btn-border btn-w">提交</button></li>
            <li><button @click="setTestData" class="btn-border btn-w">保存</button></li>
            <li>
              <button @click="showQuestionAnswer = !showQuestionAnswer">
              <button
                @click="showQuestionAnswer = !showQuestionAnswer"
                class="parimary-btn"
              >
                æŸ¥çœ‹ç­”案
              </button>
            </li>
@@ -1254,28 +1322,64 @@
              >
              <span class="word-bc mr-20 dl-span" @click="saveWord('ancient')"
                >ancient</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('incredible')"
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('incredible')"
                >incredible</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('unique')"
                >unique</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('traditional')"
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('traditional')"
                >traditional</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('outstanding')"
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('outstanding')"
                >outstanding</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('mouth-watering')"
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('mouth-watering')"
                >mouth-watering</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('diverse')"
                >diverse</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('hospitable')"
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('hospitable')"
                >hospitable</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('enjoyable')"
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('enjoyable')"
                >enjoyable</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('memorable')"
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('memorable')"
                >memorable</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('charming')"
                >charming</span
              >
            </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>
        </div>
      </div>
@@ -1314,6 +1418,7 @@
          </div>
          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
              <p class="center">
                <el-image :src="imgSeven" :preview-src-list="[imgSeven]" />
              </p>
@@ -1340,7 +1445,16 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                ç­”案：intercity train
              </p>
            </div>
            <div class="right" style="width: 48%">
              <div>
              <p class="center">
                <el-image
                  :src="imgEnight"
@@ -1371,10 +1485,19 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                ç­”案：online shopping
              </p>
            </div>
          </div>

          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
              <p class="center">
                <el-image :src="imgNine" :preview-src-list="[imgNine]" />
              </p>
@@ -1401,7 +1524,16 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                ç­”案：electronic payment
              </p>
            </div>
            <div class="right" style="width: 48%">
              <div>
              <p class="center">
                <el-image
                  :src="imgTen"
@@ -1432,10 +1564,19 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                ç­”案：shared bike
              </p>
            </div>
          </div>

          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
              <p class="center">
                <el-image :src="imgEleven" :preview-src-list="[imgEleven]" />
              </p>
@@ -1462,7 +1603,16 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                ç­”案：take-away service
              </p>
            </div>
            <div class="right" style="width: 48%">
              <div>
              <p class="center">
                <el-image
                  :src="imgTwelve"
@@ -1493,12 +1643,27 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                ç­”案：facial recognition
              </p>
          </div>
          <div class="fl ju-ev" style="width: 50%">
            <button @click="setDropdownData">保存</button>
            <button>提交</button>
            <button @click="handleDropdown('judge')">判断正确</button>
            <button @click="handleDropdown('answer')">查看答案</button>
          </div>
          <div class="fl ju-ev" style="width: 70%">
            <button @click="setDropdownData" class="btn-border btn-w">
              ä¿å­˜
            </button>
            <button class="btn-border btn-w">提交</button>
            <button @click="handleDropdown('judge')" class="btn-border btn-w">判断正确</button>
            <button
              @click="showAnswerFive = !showAnswerFive"
              class="parimary-btn"
            >
              æŸ¥çœ‹ç­”案
            </button>
          </div>
        </div>
      </div>
@@ -1511,6 +1676,7 @@

<script>
import getResourcePath from "@/assets/methods/resources";

export default {
  name: "chapter-one",
  data() {
@@ -1532,6 +1698,7 @@
      showAnswerTwo: false,
      showAnswerThree: false,
      showAnswerFour: false,
      showAnswerFive: false,
      showImg: false,
      showQuestionAnswer: false,
      questionData: {
@@ -1673,7 +1840,34 @@
        },
      },
      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() {
@@ -1761,8 +1955,6 @@
          item.value == item.answer
            ? (item.isRight = true)
            : (item.isRight = false);
        } else if (type == "answer") {
          item.value = item.answer;
        }
      }
      this.dropdownData = dropdownDatas;
@@ -1805,4 +1997,14 @@
    line-height: 20px;
  }
}
.btn-w {
  font-size: 14px;
  border-width:1px;
  min-width: 80px;
  background-color:#fff;
  &:hover {
    background-color:#0bab87 ;
    color: #fff;
  }
}
</style>

 src/books/childHealth/assets/images/Covers.jpg

 src/books/childHealth/assets/images/icon/audio.svg

New file
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.115" height="19.988" viewBox="0 0 20.115 19.988"><defs><style>.a{fill:url(#a);}</style><linearGradient id="a" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><path class="a" d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z" transform="translate(-3351.001 15212)"/></svg>

 src/books/childHealth/assets/images/icon/ballpen.svg

File was deleted

 src/books/childHealth/assets/images/icon/buzhou.svg

New file
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="19.28" height="20.563" viewBox="0 0 19.28 20.563"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-109.056 -82.941)"><path class="a" d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" transform="translate(-3316.14 15289.201)"/><path class="a" d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" transform="translate(-196.896 -148.921)"/><path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)"/></g></svg>

 src/books/childHealth/assets/images/icon/list-details.svg

File was deleted

 src/books/childHealth/assets/images/icon/video.svg

@@ -1 +1 @@
<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.863" height="13.817" viewBox="0 0 19.863 13.817"><defs><style>.a{fill:url(#a);}.b{fill:#fff;}</style><linearGradient id="a" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#fff" stop-opacity="0.012"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><g transform="translate(-40.961 -184.321)"><path class="a" d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z" transform="translate(51.824 196.82) rotate(-90)"/><path class="b" d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z" transform="translate(-3269 15293.001)"/></g></svg>

 src/books/childHealth/assets/main.less

@@ -62,7 +62,7 @@
    duokan-text-indent: 2em;
    text-indent: 2em;
  }
  p.blockh6-c {
  div.blockh6-c,p.blockh6-c {
    font-family: "STKaiti";
    font-weight: normal;
    font-size: 16px;
@@ -567,7 +567,6 @@
    cursor: pointer;
    width: 23px;
    border-radius: 5px;
    border: 1px solid;
    margin-left: 5px;
  }
  .table-br-color {

 src/books/childHealth/view/content/components/chapter0004.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="4">
  <div class="chapter" num="5">
    <!-- 81 -->
    <div class="page-box padding-96" page="81">
    <div class="page-box padding-96" page="89">
      <p class="center" id="a010">
        <img
          class="img-a"
@@ -49,7 +49,7 @@
      </p>
    </div>
    <!-- 82 -->
    <div class="page-box" page="82">
    <div class="page-box" page="90">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -297,12 +297,50 @@
      </div>
    </div>
    <!-- 83 -->
    <div class="page-box" page="83">
    <div class="page-box" page="91">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题四&nbsp;学前儿童健康评价</span
        >
        <span class="page-header-num">83</span>
      </div>
      <div class="padding-96">
        <p class="m0-t0">
          æ¯æœˆå¹³å‡å¢žåŠ 200～250克；1岁时体重是出生时的3倍。2岁时为出生时的4倍；2岁后到七八岁，体重每年增长不足2千克，可用以下公式估算体重。
        </p>
        <p>1～10岁　体重（千克）=实足年龄×2+7（或8）</p>
        <p>
          ç§°ä½“重时，1岁以下可取卧位，孩子能站稳了，可取站位。使用前应先校正零点。测量时，调整砝码至杠杆平衡，记录读数。测量误差不得超过0.1千克。读数时，以千克为单位，至小数点后两位。
        </p>
        <p>
          ä½“重测量应在早晨、空腹、便后进行。儿童可裸体或穿背心、短裤，也可在测后扣除衣服质量。
        </p>
        <p>（2）身高（长）</p>

        <p>
          èº«é«˜ï¼ˆé•¿ï¼‰æ˜¯äººä½“站立时颅顶到脚跟（与地面相及处）的垂直高度。3岁以下儿童立位测量不准确，应采用仰卧位测量，故身高又称身长；3岁以后可立位测量，称身高。立位与仰卧位测量值相差1～2厘米。
        </p>
        <div class="fl fl-around">
          <div class="left" style="width: 38%">
            <p>
              èº«é«˜ï¼ˆé•¿ï¼‰æœ‰è¾ƒå¤§çš„个体差异，中国新生儿出生时身长平均50厘米，第一年增长最快，前半年平均每月增长2.5厘米，后半年平均每月增长1～1.5厘米，1岁时约为出生时身长的1.5倍，即75厘米左右。第二年增长速度减慢，平均增长10厘米，以后每年递增5
            </p>
          </div>
          <div class="right" style="width: 60%">
            <video
              :src="pathTwo"
              poster="../../../assets/images/chapterOne/people-video-img.jpg"
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="w100 video-border"
            ></video>
            <p class="img">视频：学前儿童身高的测量</p>
          </div>
      </div>
      <div class="padding-96">
        <p class="m0-t0">
@@ -383,8 +421,9 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 84 -->
    <div class="page-box" page="84">
    <div class="page-box" page="92">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -451,7 +490,7 @@
      </div>
    </div>
    <!-- 85 -->
    <div class="page-box" page="85">
    <div class="page-box" page="93">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题四&nbsp;学前儿童健康评价</span
@@ -515,7 +554,7 @@
      </div>
    </div>
    <!-- 86 -->
    <div class="page-box" page="86">
    <div class="page-box" page="94">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -559,7 +598,7 @@
      </div>
    </div>
    <!-- 87 -->
    <div class="page-box" page="87">
    <div class="page-box" page="95">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题四&nbsp;学前儿童健康评价</span
@@ -605,7 +644,7 @@
      </div>
    </div>
    <!-- 88 -->
    <div class="page-box" page="88">
    <div class="page-box" page="96">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -648,7 +687,7 @@
      </div>
    </div>
    <!-- 89 -->
    <div class="page-box" page="89">
    <div class="page-box" page="97">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题四&nbsp;学前儿童健康评价</span
@@ -706,7 +745,7 @@
      </div>
    </div>
    <!-- 90 -->
    <div class="page-box" page="90">
    <div class="page-box" page="98">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -751,7 +790,7 @@
      </div>
    </div>
    <!-- 91 -->
    <div class="page-box" page="91">
    <div class="page-box" page="99">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题四&nbsp;学前儿童健康评价</span
@@ -949,7 +988,7 @@
      </div>
    </div>
    <!-- 92 -->
    <div class="page-box" page="92">
    <div class="page-box" page="100">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -991,7 +1030,7 @@
      </div>
    </div>
    <!-- 93 -->
    <div class="page-box" page="93">
    <div class="page-box" page="101">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题四&nbsp;学前儿童健康评价</span
@@ -1039,7 +1078,7 @@
      </div>
    </div>
    <!-- 94 -->
    <div class="page-box" page="94">
    <div class="page-box" page="102">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1094,7 +1133,7 @@
      </div>
    </div>
    <!-- 95 -->
    <div class="page-box" page="95">
    <div class="page-box" page="103">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题四&nbsp;学前儿童健康评价</span
@@ -1168,7 +1207,7 @@
      </div>
    </div>
    <!-- 96 -->
    <div class="page-box" page="96">
    <div class="page-box" page="104">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1219,7 +1258,7 @@
      </div>
    </div>
    <!-- 97 -->
    <div class="page-box" page="97">
    <div class="page-box" page="105">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题四&nbsp;学前儿童健康评价</span
@@ -1271,7 +1310,7 @@
      </div>
    </div>
    <!-- 98 -->
    <div class="page-box" page="98">
    <div class="page-box" page="106">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1419,7 +1458,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData("4", testData[4]);
    this.$data.questionData = await getQuestionData("4", testData[4],this.config.activeBook);
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter001.vue

@@ -1,7 +1,8 @@
<template>
  <div class="chapter" num="1">
  <div class="chapter" num="2">
    <!-- 1 -->
    <div class="page-box padding-96" page="1">
    <div class="page-box padding-96" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
      <p class="center mb-80" id="a008">
        <img
          class="img-a"
@@ -10,7 +11,11 @@
        />
      </p>
      <h6 class="Conclusion-title2">
        <img class="img-gn" alt="" src="../../../assets/images/icon/xxmb.png" />
          <img
            class="img-gn"
            alt=""
            src="../../../assets/images/icon/xxmb.png"
          />
        å­¦ä¹ ç›®æ ‡
      </h6>
      <p class="blockh6">
@@ -22,7 +27,11 @@
        ã€€ã€€5.进行与学前儿童相关的保健活动。
      </p>
      <h6 class="Conclusion-title2">
        <img class="img-gn" alt="" src="../../../assets/images/icon/gjc.png" />
          <img
            class="img-gn"
            alt=""
            src="../../../assets/images/icon/gjc.png"
          />
        å…³é”®è¯
      </h6>
      <p class="blockh6">
@@ -31,7 +40,11 @@
      </p>

      <h6 class="Conclusion-title2">
        <img class="img-gn" alt="" src="../../../assets/images/icon/gjc.png" />
          <img
            class="img-gn"
            alt=""
            src="../../../assets/images/icon/gjc.png"
          />
        ä¸“题导学
      </h6>
      <p class="blockh6 m0-t0">
@@ -43,8 +56,10 @@
        />
      </p>
    </div>
    </div>
    <!-- 2 -->
    <div class="page-box" page="2">
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -54,7 +69,7 @@
      </div>
      <div class="padding-96">
        <h6 class="Conclusion-title2">•预备学习•</h6>
        <p class="blockh6-c tl ti2 " >
          <div class="blockh6-c tl ti2">
          <span style="margin:10px 0;display:block">
            äº²çˆ±çš„同学们，在开始学习“运动系统”之前，咱们先通过视频学习“人体概述”并完成相关练习。请扫描下面的二维码，开始咱们的预备学习之旅吧！
          </span>
@@ -62,14 +77,14 @@
          <span class="fl fl-cn mb-20">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0" >专题一学习主题一 è¿åŠ¨ç³»ç»Ÿè‡ªä¸»å­¦ä¹ ä»»åŠ¡å•</span>
            <svg @click="changeResources('learnTbaleOne')"  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn theme-color theme-border icon icon-tabler icons-tabler-outline icon-tabler-list-details"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5h8" /><path d="M13 9h5" /><path d="M13 15h8" /><path d="M13 19h5" /><path d="M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /></svg>
            <!-- <img
              src="../../../assets/images/icon/list-details.svg"
              <span class="t0" @click="changeResources('learnTbaleOne')">
                <img
                  src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTbaleOne')"
              style="margin-left: 10px;"
                  style="margin-left: 10px"
              class="btn"
            /> -->
                />
              </span>
          </span>
            <table
              v-if="learnTbaleOne"
@@ -96,9 +111,7 @@
                  <span class="ds-bl"
                    >2.掌握学前儿童骨骼、肌肉、关节的特点。</span
                  >
                  <span class="ds-bl"
                    >3.掌握学前儿童运动系统的保育要点。</span
                  >
                  <span class="ds-bl">3.掌握学前儿童运动系统的保育要点。</span>
                  <span class="ds-bl"
                    >4.掌握合理组织体育锻炼和户外活动的方法。</span
                  >
@@ -108,9 +121,7 @@
                <td>
                  <span class="ds-bl primary-color">(三)学习方法建议</span>
                  <span class="ds-bl">组合学习方法，任务单+阅读+视频</span>
                  <span class="ds-bl"
                    >1.阅读：教材、教学课件及补充材料。</span
                  >
                  <span class="ds-bl">1.阅读：教材、教学课件及补充材料。</span>
                  <span class="ds-bl"
                    >2.观看视频：《学前儿童骨骼的生理特点与保健》。</span
                  >
@@ -119,9 +130,7 @@
              <tr>
                <td>
                  <span class="ds-bl primary-color">(四)课件学习形式预告</span>
                  <span class="ds-bl"
                    >1.测验：教材、教学课件及补充材料。</span
                  >
                  <span class="ds-bl">1.测验：教材、教学课件及补充材料。</span>
                  <span class="ds-bl"
                    >2.研讨：结合幼儿园实际和本课所学内容，谈谈在幼儿园为什么要组织学前儿童坚持适当的体育端粒那和户外活动，对学前儿童的身体健康有哪些好处？</span
                  >
@@ -248,10 +257,20 @@
          <span class="fl fl-cn mb-20">
            <span class="learn-title-text">视频：</span>
            <span class="t0">人体概述</span>
              <svg  @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg>
              <span class="t0" @click="changeResources('videoOne')">
                <img
                  src="../../../assets/images/icon/video.png"
                  alt=""
                  style="margin-left: 10px"
                  class="btn"
                />
              </span>

              <!-- <svg  @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg> -->
          </span>
          <span v-if="videoOne">
            <video
                v-if="videoOne"
              poster="../../../assets/images/chapterOne/people-video-img.jpg"
              :src="pathOne"
              webkit-playsinline="true"
@@ -268,14 +287,15 @@
          <span class="fl fl-cn mb-20">
            <span class="learn-title-text">云测试：</span>
            <span class="t0">人体概述</span>
            <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg>
            <!-- <img
              src="../../../assets/images/icon/ballpen.svg"
              <!-- <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg> -->
              <span class="t0" @click="changeResources('testOne')">
                <img
                  src="../../../assets/images/icon/topic.png"
              alt=""
              @click="changeResources('testOne')"
              style="margin-left: 10px"
              class="btn"
            /> -->
                />
              </span>
          </span>
            <examinations
            v-if="testOne && questionData"
@@ -284,7 +304,7 @@
              :chapter="1"
              :page="2"
            />
        </p>
          </div>
        <h2 class="module_block" id="b001" style="margin: 0">
          <div class="custom1">学习主题一</div>
          <div class="custom2">运动系统</div>
@@ -301,7 +321,7 @@
                rows="4" 
                v-model="chapterOneData.experienceOne"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br fm-st cl-66 fz-14"
              ></textarea>
            </p>
@@ -317,7 +337,11 @@
            </p>
            <div class="text-img-box">
              <div style="margin-right: 50px">
                <el-image :src="bonesImg" :preview-src-list="[bonesImg]" class="open-image" />
                  <el-image
                    :src="bonesImg"
                    :preview-src-list="[bonesImg]"
                    class="open-image"
                  />
                <span class="img">图1-1 äººä½“全身骨骼（前面观）</span>
              </div>
              <div>
@@ -348,8 +372,10 @@
        </div>
      </div>
    </div>
    </div>
    <!-- 3 -->
    <div class="page-box" page="3">
    <div class="page-box" page="11">
      <div v-if="showPageList.indexOf(11) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -408,12 +434,13 @@
            <p class="img">图1-2 æˆäººè„ŠæŸ±æ¨¡å¼å›¾</p>
          </div>
        </div>
        <p class="m0-t0 lh2 tl-ju">
        </p>
          <p class="m0-t0 lh2 tl-ju"></p>
        </div>
      </div>
    </div>
    <!-- 4 -->
    <div class="page-box" page="4">
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -435,7 +462,11 @@
            class="left fl fl-di fl-evenly"
            style="width: 30%; margin-top: 5px"
          >
            <el-image :src="jointImg" :preview-src-list="[jointImg]" class="open-image" />
              <el-image
                :src="jointImg"
                :preview-src-list="[jointImg]"
                class="open-image"
              />
            <p class="img">图1-3 å…³èŠ‚模式图</p>
          </div>
          <div class="right" style="width: 70%; padding-left: 20px">
@@ -486,8 +517,10 @@
        </div>
      </div>
    </div>
    </div>
    <!-- 5 -->
    <div class="page-box" page="5">
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -557,8 +590,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 6 -->
    <div class="page-box" page="6">
    <div class="page-box" page="14">
      <div v-if="showPageList.indexOf(14) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -585,7 +620,8 @@
            :cardList="questionData[6]" 
            v-if="questionData" 
            :chapter="1"
            :page="6" />
              :page="6"
            />
        </p>
        <h4 id="d008">（五）注意保护好关节和韧带</h4>
        <p class="lh2">
@@ -692,7 +728,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qOne"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -703,7 +739,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qTwo"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -714,16 +750,18 @@
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qThree"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.学前儿童张口呼吸有哪些危害?怎样纠正?</span>
                <span class="ds-bl mt-10"
                  >4.学前儿童张口呼吸有哪些危害?怎样纠正?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qFour"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.学前儿童的呼吸运动有什么特点?</span>
@@ -732,7 +770,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qFive"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.学前儿童以什么模式的呼吸为主?</span>
@@ -741,7 +779,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qSix"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.擤鼻涕的正确方法是什么?</span>
@@ -750,7 +788,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qSeven"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -761,7 +799,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qEnight"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
@@ -785,8 +823,10 @@
        </div>
      </div>
    </div>
    </div>
    <!-- 7 -->
    <div class="page-box" page="7">
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -803,7 +843,7 @@
            rows="4" 
            v-model="chapterOneData.experienceTwo"
            placeholder="请输入内容"
            
              maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
@@ -823,7 +863,11 @@
        <h5 id="e012">1.é¼»</h5>
          </div>
          <div class="right" style="width: 50%">
            <el-image :src="breathing" :preview-src-list="[breathing]" class="open-image" />
              <el-image
                :src="breathing"
                :preview-src-list="[breathing]"
                class="open-image"
              />
            <p class="img">图1-6 å‘¼å¸ç³»ç»Ÿç¤ºæ„å›¾</p>
          </div>
        </div>
@@ -831,11 +875,15 @@
        <p class="lh2">
          é¼»æ˜¯å‘¼å¸é“的起始部分，由外鼻、鼻腔和鼻旁窦三部分组成。鼻腔对吸入的空气有加温、湿润和过滤作用。学前儿童头面部发育不完全，外鼻和鼻腔相对短小狭窄。新生儿几乎无下鼻道，随着面部颅骨的发育，鼻道会逐渐加长、增宽，直至4岁才开始形成。婴儿时期鼻黏膜柔嫩，富有血管，缺少鼻毛，容易发生感染。感染时可引起鼻黏膜充血、肿胀，分泌物增多，造成鼻腔堵塞。
        </p>
        <p>学前儿童鼻旁窦尚未发育完全，随着年龄的增长，面颅骨逐渐发育，鼻旁</p>
          <p>
            å­¦å‰å„¿ç«¥é¼»æ—çª¦å°šæœªå‘育完全，随着年龄的增长，面颅骨逐渐发育，鼻旁
          </p>
        </div>
      </div>
    </div>
    <!-- 8 -->
    <div class="page-box" page="8">
    <div class="page-box" page="16">
      <div v-if="showPageList.indexOf(16) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -849,7 +897,9 @@
            <p class="lh2">
              çª¦æ‰é€æ¸å‘育完善。因此，学前儿童虽然容易发生上呼吸道感染，但极少出现鼻窦炎。鼻中隔前下方血管丰富，容易因干燥、外伤等出血，称为“易出血区”。
            </p>
            <p class="lh2">学前儿童鼻泪管较短，开口于眼内眦，瓣膜发育不全。因此，如果上呼吸道感染，病菌可以通过鼻</p>
              <p class="lh2">
                å­¦å‰å„¿ç«¥é¼»æ³ªç®¡è¾ƒçŸ­ï¼Œå¼€å£äºŽçœ¼å†…眦，瓣膜发育不全。因此，如果上呼吸道感染，病菌可以通过鼻
              </p>
          </div>
          <div class="right" style="width: 60%">
            <video
@@ -888,7 +938,11 @@
          </div>
          <div class="right" style="width: 20%">
            <p class="center">
              <el-image :src="throat" :preview-src-list="[throat]" class="open-image" />
                <el-image
                  :src="throat"
                  :preview-src-list="[throat]"
                  class="open-image"
                />
            </p>
            <p class="img">图1-7 å–‰è…”模式图</p>
          </div>
@@ -912,12 +966,18 @@
        </p>
        <p class="img">表1-1 ä¸åŒå¹´é¾„的人的呼吸频率</p>
        <p class="center">
          <el-image :src="tableOne" :preview-src-list="[tableOne]" class="open-image" />
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
            />
        </p>
      </div>
    </div>
    </div>
    <!-- 9 -->
    <div class="page-box" page="9">
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -981,11 +1041,15 @@
          />
        </p>
        <h4 id="d015">（五）保护声带</h4>
        <p class="lh2">选择适合学前儿童音域特点的歌曲或朗读材料，每次唱歌或朗读的时间不宜过长（最多5分钟），更不能高声喊叫，以防声带充血、肿胀、变厚，造成声音嘶哑。练习发声的</p>
          <p class="lh2">
            é€‰æ‹©é€‚合学前儿童音域特点的歌曲或朗读材料，每次唱歌或朗读的时间不宜过长（最多5分钟），更不能高声喊叫，以防声带充血、肿胀、变厚，造成声音嘶哑。练习发声的
          </p>
        </div>
      </div>
    </div>
    <!-- 10 -->
    <div class="page-box" page="10">
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1049,14 +1113,16 @@
          <tr>
            <td>
              <span class="ds-bl primary-color">(二)达成目标</span>
              <span class="ds-bl">1.能列出循环系统的组成部分，并知道其功能。</span>
              <span class="ds-bl"
                >2.能描述学前儿童循环系统的特点。</span
                  >1.能列出循环系统的组成部分，并知道其功能。</span
              >
                <span class="ds-bl">2.能描述学前儿童循环系统的特点。</span>
              <span class="ds-bl"
                >3.知道学前儿童循环系统日常保健的方法。</span
              >
              <span class="ds-bl">4.能组织幼儿参加适合年龄特点的体育锻炼和户外活动。</span>
                <span class="ds-bl"
                  >4.能组织幼儿参加适合年龄特点的体育锻炼和户外活动。</span
                >
              <span class="ds-bl">5.能掌握早期预防动脉粥样硬化的方法。</span>
            </td>
          </tr>
@@ -1077,7 +1143,9 @@
              <span class="ds-bl tl-ju"
                >2.研讨：冠心病发生与幼儿期饮食习惯的关系案例调查情况。据统计，成年后冠心病的发病率，与幼年时期的饮食习惯息息相关。喜欢吃肉、喜欢吃高脂类食物的人，患病概率大大增加……</span
              >
              <span class="ti dl-bl" >预防冠心病，始于儿童，幼儿园应该做些什么?</span>
                <span class="ti dl-bl"
                  >预防冠心病，始于儿童，幼儿园应该做些什么?</span
                >
            </td>
          </tr>
          <tr>
@@ -1093,7 +1161,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableThree.qOne"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -1104,7 +1172,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableThree.qTwo"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -1115,43 +1183,51 @@
                rows="4" 
                v-model="chapterOneData.learnTableThree.qThree"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.学前儿童的血管有什么特点?日常保教活动中应如何保健?</span>
                <span class="ds-bl mt-10"
                  >4.学前儿童的血管有什么特点?日常保教活动中应如何保健?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qFour"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.学前儿童的淋巴系统有什么特点?日常保教活动中应如何保健?</span>
                <span class="ds-bl mt-10"
                  >5.学前儿童的淋巴系统有什么特点?日常保教活动中应如何保健?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qFive"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.为什么要预防学前儿童缺铁性贫血?怎样预防?</span>
                <span class="ds-bl mt-10"
                  >6.为什么要预防学前儿童缺铁性贫血?怎样预防?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qSix"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.如何组织幼儿参加适合年龄特点的体育锻炼和户外活动才利于其血液循环的保健?</span>
                <span class="ds-bl mt-10"
                  >7.如何组织幼儿参加适合年龄特点的体育锻炼和户外活动才利于其血液循环的保健?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qSeven"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -1162,7 +1238,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableThree.qEnight"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
@@ -1188,7 +1264,7 @@
            rows="4" 
            v-model="chapterOneData.experienceThree"
            placeholder="请输入内容"
            
              maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
@@ -1197,8 +1273,10 @@
        </div>
      </div>
    </div>
    </div>
    <!-- 11 -->
    <div class="page-box" page="11">
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -1213,7 +1291,12 @@
          å¾ªçŽ¯ç³»ç»ŸåŒ…括血液循环系统（心血管系统）和淋巴系统。血液循环系统由心脏和血管组成，血管包括动脉、静脉和毛细血管（见图1-8）。淋巴系统由淋巴管道、淋巴器官和淋巴组织组成。
        </p>
        <p class="center">
          <el-image :src="blood" :preview-src-list="[blood]" style="width: 60%" class="open-image" />
            <el-image
              :src="blood"
              :preview-src-list="[blood]"
              style="width: 60%"
              class="open-image"
            />
        </p>
        <p class="img">图1-8 è¡€æ¶²å¾ªçŽ¯ç¤ºæ„å›¾</p>

@@ -1249,12 +1332,18 @@
        <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" />
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
            />
        </p>
      </div>
    </div>
    </div>
    <!-- 12 -->
    <div class="page-box" page="12">
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1298,12 +1387,18 @@
        </p>
        <p class="img">表1-3 ä¸åŒå¹´é¾„的心率</p>
        <p class="center">
          <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" />
            <el-image
              :src="tableThree"
              :preview-src-list="[tableThree]"
              class="open-image"
            />
        </p>
      </div>
    </div>
    </div>
    <!-- 13 -->
    <div class="page-box" page="13">
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -1317,7 +1412,11 @@
          å­¦å‰å„¿ç«¥è¡€ç®¡å†…径相对较成人宽，毛细血管非常丰富，因此，血流量相对大于成人，供给身体各部分的营养物质和氧气充足。
        </p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
            <img
              class="img-gn"
              alt=""
              src="../../../assets/images/icon/ycs.png"
            />
          å°å®žéªŒ
        </h6>
        <p class="blockh6">
@@ -1359,8 +1458,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 14 -->
    <div class="page-box" page="14">
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1388,7 +1489,11 @@
          é¢„防动脉硬化应从学前儿童开始，使其养成健康的饮食习惯。成人应控制学前儿童通过膳食摄取的胆固醇和饱和脂肪酸的量，同时，宜少盐，口味“淡”。
        </p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
            <img
              class="img-gn"
              alt=""
              src="../../../assets/images/icon/ycs.png"
            />
          äº‘测试
        </h6>
        <p class="blockh6-c">
@@ -1436,14 +1541,16 @@
          <tr>
            <td>
              <span class="ds-bl primary-color">(二)达成目标</span>
              <span class="ds-bl">1.能列出消化系统的组成部分，并了解其功能。</span>
                <span class="ds-bl"
                  >1.能列出消化系统的组成部分，并了解其功能。</span
                >
              <span class="ds-bl"
                >2.能详细说出乳牙的结构特点，并能讲清乳牙的作用。</span
              >
                <span class="ds-bl">3.能准确说出学前儿童消化系统的特点。</span>
              <span class="ds-bl"
                >3.能准确说出学前儿童消化系统的特点。</span
                  >4.能掌握学前儿童消化系统日常的保健措施。</span
              >
              <span class="ds-bl">4.能掌握学前儿童消化系统日常的保健措施。</span>
            </td>
          </tr>
          <tr>
@@ -1478,7 +1585,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableFour.qOne"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -1489,7 +1596,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableFour.qTwo"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -1500,7 +1607,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableFour.qTHree"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.什么叫龋齿?龋齿需要治疗吗?</span>
@@ -1509,16 +1616,18 @@
                rows="4" 
                v-model="chapterOneData.learnTableFour.qFour"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.为什么 3~6个月的婴儿容易发生“生理性流涎”?</span>
                <span class="ds-bl mt-10"
                  >5.为什么 3~6个月的婴儿容易发生“生理性流涎”?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qFive"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.为什么新生儿容易溢奶?</span>
@@ -1527,7 +1636,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableFour.qSix"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.学前儿童的肠道有什么特点?</span>
@@ -1536,7 +1645,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableFour.qSeven"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">8.日常生活中如何保护乳牙?</span>
@@ -1545,16 +1654,18 @@
                rows="4" 
                v-model="chapterOneData.learnTableFour.qEnight"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">9.学前儿童消化系统的保健要点有哪些?</span>
                <span class="ds-bl mt-10"
                  >9.学前儿童消化系统的保健要点有哪些?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qNine"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
@@ -1580,7 +1691,7 @@
            rows="4" 
            v-model="chapterOneData.experienceFour"
            placeholder="请输入内容"
            
              maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
@@ -1592,8 +1703,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 15 -->
    <div class="page-box" page="15">
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -1614,7 +1727,11 @@
          </div>
          <div class="right" style="width: 35%">
            <p class="center">
              <el-image :src="digestion" :preview-src-list="[digestion]" class="open-image" />
                <el-image
                  :src="digestion"
                  :preview-src-list="[digestion]"
                  class="open-image"
                />
            </p>
            <p class="img">图1-9 æ¶ˆåŒ–系统模式图</p>
          </div>
@@ -1656,8 +1773,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 16 -->
    <div class="page-box" page="16">
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1701,11 +1820,15 @@
          å’½æ˜¯ä¸€å‰åŽç•¥æ‰çš„漏斗形肌性管道，为呼吸道与消化道的共同通道，具有吞咽和辅助呼吸、发音等功能。
        </p>
        <h4 id="d024">（三）食管</h4>
        <p>新生儿的食管长10～11厘米，1岁时约为12厘米，婴幼儿的食管呈漏斗状，黏膜纤</p>
          <p>
            æ–°ç”Ÿå„¿çš„食管长10～11厘米，1岁时约为12厘米，婴幼儿的食管呈漏斗状，黏膜纤
          </p>
        </div>
      </div>
    </div>
    <!-- 17 -->
    <div class="page-box" page="17">
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -1744,11 +1867,15 @@
          å­¦å‰å„¿ç«¥è‚ç»†èƒžå‘育不成熟，肝功能较差。肝分泌的胆汁较少，对脂肪的乳化能力较差；肝糖原储存较少，饥饿时容易发生低血糖；肝的解毒能力差，损害肝功能的药物要慎用。
        </p>
        <h4 id="d028">（七）胰</h4>
        <p>学前儿童的胰发育不完善，分泌的胰液较少，且胰液中各种消化酶的活性较低，对淀</p>
          <p>
            å­¦å‰å„¿ç«¥çš„胰发育不完善，分泌的胰液较少，且胰液中各种消化酶的活性较低，对淀
          </p>
        </div>
      </div>
    </div>
    <!-- 18 -->
    <div class="page-box" page="18">
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1793,8 +1920,10 @@
        <p>第四，不要边吃边说笑，更不要边玩耍边吃零食。</p>
      </div>
    </div>
    </div>
    <!-- 19 -->
    <div class="page-box" page="19">
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -1811,7 +1940,11 @@
          åŸ¹å…»å­¦å‰å„¿ç«¥å…»æˆå®šæ—¶æŽ’便的习惯，不要让他们憋大便，以防导致习惯性便秘。另外，适当运动，多吃蔬菜、水果等含粗纤维较多的食物，多喝白开水，都可促进肠道蠕动，预防便秘。
        </p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
            <img
              class="img-gn"
              alt=""
              src="../../../assets/images/icon/ycs.png"
            />
          äº‘测试
        </h6>
        <p class="blockh6-c">
@@ -1888,10 +2021,10 @@
          <tr>
            <td>
              <span class="ds-bl primary-color">(二)达成目标</span>
              <span class="ds-bl">1.能列出泌尿系统的组成部分，并了解其功能。</span>
              <span class="ds-bl"
                >2.能准确说出学前儿童泌尿系统的特点。</span
                  >1.能列出泌尿系统的组成部分，并了解其功能。</span
              >
                <span class="ds-bl">2.能准确说出学前儿童泌尿系统的特点。</span>
              <span class="ds-bl"
                >3.能熟练掌握学前儿童泌尿系统日常的保健要点。</span
              >
@@ -1916,7 +2049,9 @@
              <span class="ds-bl tl-ju"
                >2.研讨：某班幼儿性格胆小、乖巧，可近段时间在晚上睡觉前总是不停地要解小便。妈妈检查发现并非生理上的疾病，便询问孩子为什么总要解小便。孩子表示害怕，对妈妈说:“妈妈，不解小便老师要骂的。老师说过睡觉前要解小便，如果不解，等一下就不能解了，有几个小朋友都尿床了。”</span
              >
              <span class="ti2 dl-bl" >这个案例反映了什么问题?幼儿教师应该如何科学合理组织好幼儿的如厕环节?</span>
                <span class="ti2 dl-bl"
                  >这个案例反映了什么问题?幼儿教师应该如何科学合理组织好幼儿的如厕环节?</span
                >
            </td>
          </tr>
          <tr>
@@ -1932,7 +2067,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableFive.qOne"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -1943,7 +2078,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableFive.qTwo"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -1954,34 +2089,40 @@
                rows="4" 
                v-model="chapterOneData.learnTableFive.qTHree"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.为什么学前儿童容易出现遗尿现象?</span>
                <span class="ds-bl mt-10"
                  >4.为什么学前儿童容易出现遗尿现象?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFive.qFour"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.什么是上行性泌尿系统感染?应如何预防?</span>
                <span class="ds-bl mt-10"
                  >5.什么是上行性泌尿系统感染?应如何预防?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFive.qFive"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.学前儿童泌尿系统的日常保健要点有哪些?</span>
                <span class="ds-bl mt-10"
                  >6.学前儿童泌尿系统的日常保健要点有哪些?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFive.qSix"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
@@ -2007,14 +2148,16 @@
            rows="4" 
            v-model="chapterOneData.experienceFive"
            placeholder="请输入内容"
            
              maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
        </div>
      </div>
    </div>
    </div>
    <!-- 20 -->
    <div class="page-box" page="20">
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2031,7 +2174,11 @@
        <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" />
                <el-image
                  :src="urology"
                  :preview-src-list="[urology]"
                  class="open-image"
                />
            </p>
            <p class="img">图1-10 æ³Œå°¿ç³»ç»Ÿæ¨¡å¼å›¾ï¼ˆç”·æ€§ï¼‰</p>
          </div>
@@ -2039,7 +2186,9 @@
            <p class="tl">
              æ³Œå°¿ç³»ç»Ÿç”±è‚¾ã€è¾“尿管、膀胱和尿道组成（见图1-10），肾是形成尿液的器官，输尿管、膀胱和尿道是排尿的通道，膀胱还有暂时储存尿液的作用。泌尿系统通过泌尿、输尿、储尿和排尿功能排出人体大部分的代谢废物，维护机体内环境的平衡和稳定。
            </p>
            <h3 id="c009" class="tl">一、学前儿童泌尿系统的特点＞＞＞＞＞＞</h3>
              <h3 id="c009" class="tl">
                ä¸€ã€å­¦å‰å„¿ç«¥æ³Œå°¿ç³»ç»Ÿçš„特点＞＞＞＞＞＞
              </h3>
            <h4 id="d033" class="tl">（一）肾</h4>
            <p class="tl">
              æ–°ç”Ÿå„¿çš„肾相对较大，出生时两肾重约25克，约占体重的1/120，以后逐渐增长至成人水平，重达300克左右，约占体重的1/200。新生儿肾的位置较低，以后随着躯体的增长，肾位置逐渐升高，最后达到腰部。肾不仅是重要的排泄器官，也是维持机体内环境相对稳定的重要调节器官。
@@ -2057,23 +2206,28 @@
          å©´å¹¼å„¿è¾“尿管较长且弯曲，管壁肌肉及弹力纤维发育尚不完善，容易扩张并易受扭曲而导致梗阻，造成尿潴留，易诱发感染。
        </p>
        <h4 id="d035">（三）膀胱</h4>
        <p>婴幼儿膀胱位置较高，尿充盈时易升入腹腔，随年龄增长逐渐下降至盆腔内。</p>
          <p>
            å©´å¹¼å„¿è†€èƒ±ä½ç½®è¾ƒé«˜ï¼Œå°¿å……盈时易升入腹腔，随年龄增长逐渐下降至盆腔内。
          </p>
        <p>
          å­¦å‰å„¿ç«¥æ–°é™ˆä»£è°¢æ—ºç››ï¼Œå°¿æ€»é‡è¾ƒå¤šï¼Œè€Œè†€èƒ±å®¹é‡å°ï¼Œé»è†œæŸ”弱，肌肉层及弹性组织不发达，储尿功能差。所以，年龄越小，每天排尿次数越多。如出生后1周的新生儿，每天排尿20～25次；1岁时每天排尿15～16次；2～3岁每天排尿10次左右；4～7岁每天排尿6
        </p>
      </div>
    </div>
    </div>
    <!-- 21 -->
    <div class="page-box" page="21">
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">21</span>
      </div>

      <div class="padding-96">
        <p class="t0" >～7次。半岁以内，每次尿量约为30毫升；1岁时约为60毫升；7～8岁时约为150毫升。</p>
          <p class="t0">
            ï½ž7次。半岁以内，每次尿量约为30毫升；1岁时约为60毫升；7～8岁时约为150毫升。
          </p>
        <p>
          ç”±äºŽå­¦å‰å„¿ç«¥ç¥žç»ç³»ç»Ÿå‘育不健全，对排尿的调节能力差，当膀胱内尿液充盈到一定量时，就会发生不自觉地排尿。年龄越小，表现得越突出，时常会出现遗尿的现象。
        </p>
@@ -2096,7 +2250,9 @@
        <p>
          ç¬¬äºŒï¼Œä¸ç©¿å¼€è£†è£¤ï¼Œå¦‚果孩子不能控制大小便，可穿纸尿裤，并教育他们不要坐地。
        </p>
        <p>第三，教会幼儿大便后擦屁股要从前往后擦，以免粪便中的细菌污染尿道。</p>
          <p>
            ç¬¬ä¸‰ï¼Œæ•™ä¼šå¹¼å„¿å¤§ä¾¿åŽæ“¦å±è‚¡è¦ä»Žå‰å¾€åŽæ“¦ï¼Œä»¥å…ç²ªä¾¿ä¸­çš„细菌污染尿道。
          </p>
        <p>第四，托幼机构的厕所、便盆应每天清洗，定期消毒。</p>
        <h4 id="d039">（三）供给充足的水分</h4>
        <p>
@@ -2108,8 +2264,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 22 -->
    <div class="page-box" page="22">
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2166,10 +2324,10 @@
          <tr>
            <td>
              <span class="ds-bl primary-color">(二)达成目标</span>
              <span class="ds-bl">1.能列出生殖系统的分类及各类生殖系统的组成部分，并了解其功能。</span>
              <span class="ds-bl"
                >2.能详细说出学前儿童生殖系统的特点。</span
                  >1.能列出生殖系统的分类及各类生殖系统的组成部分，并了解其功能。</span
              >
                <span class="ds-bl">2.能详细说出学前儿童生殖系统的特点。</span>
              <span class="ds-bl"
                >3.能熟练掌握学前儿童生殖系统的日常保健措施。</span
              >
@@ -2182,9 +2340,7 @@
              <span class="ds-bl primary-color">(三)学习方法建议</span>
              <span class="ds-bl">组合学习方法，任务单+阅读+视频</span>
              <span class="ds-bl">1.阅读：教材、教学课件及补充材料。</span>
              <span class="ds-bl"
                >2.观看视频：《人的生殖系统》。</span
              >
                <span class="ds-bl">2.观看视频：《人的生殖系统》。</span>
            </td>
          </tr>
          <tr>
@@ -2192,8 +2348,11 @@
              <span class="ds-bl primary-color">(四)课件学习形式预告</span>
              <span class="ds-bl">1.测验：课堂测查自主学习的质量。</span>
              <span class="ds-bl tl-ju"
                >2.研讨：镜头一:一次去中班检查教育教学活动时，检查人员看到一个小男孩倚在小椅子上，小手伸进裤衩里玩小鸡鸡。当班老师斥责道:“小童童，跟你说过多少次了，不准玩小鸡鸡，羞羞羞。"小男孩慌忙把小手拿开，很羞愧地转过身去望着窗外。镜头二:大一班晨检活动时，一女孩家长非常生气地向老师告状:易易这小男孩流里流气的，一没事就抱着我家婷婷亲吻，这么小就耍“流氓”，如果下次再这样，我就要找他的家长了。</span>
              <span class="ti2 dl-bl">你如何看待这两个镜头中教师、家长的处理?幼儿教师应如何对幼儿进行科学、合理的性教育?</span>
                  >2.研讨：镜头一:一次去中班检查教育教学活动时，检查人员看到一个小男孩倚在小椅子上，小手伸进裤衩里玩小鸡鸡。当班老师斥责道:“小童童，跟你说过多少次了，不准玩小鸡鸡，羞羞羞。"小男孩慌忙把小手拿开，很羞愧地转过身去望着窗外。镜头二:大一班晨检活动时，一女孩家长非常生气地向老师告状:易易这小男孩流里流气的，一没事就抱着我家婷婷亲吻，这么小就耍“流氓”，如果下次再这样，我就要找他的家长了。</span
                >
                <span class="ti2 dl-bl"
                  >你如何看待这两个镜头中教师、家长的处理?幼儿教师应如何对幼儿进行科学、合理的性教育?</span
                >
            </td>
          </tr>
          <tr>
@@ -2209,18 +2368,16 @@
                rows="4" 
                v-model="chapterOneData.learnTableSix.qOne"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.学前儿童生殖系统有什么特点?</span
              >
                <span class="ds-bl mt-10">2.学前儿童生殖系统有什么特点?</span>
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSix.qTwo"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -2231,25 +2388,29 @@
                rows="4" 
                v-model="chapterOneData.learnTableSix.qTHree"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.学前儿童生殖器官的清洁卫生工作有哪些注意要点?</span>
                <span class="ds-bl mt-10"
                  >4.学前儿童生殖器官的清洁卫生工作有哪些注意要点?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSix.qFour"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.为什么要重视学前儿童早期性教育?如何开展?</span>
                <span class="ds-bl mt-10"
                  >5.为什么要重视学前儿童早期性教育?如何开展?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSix.qFive"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
@@ -2275,7 +2436,7 @@
            rows="4" 
            v-model="chapterOneData.experienceSix"
            placeholder="请输入内容"
            
              maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
@@ -2287,8 +2448,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 23 -->
    <div class="page-box" page="23">
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -2296,15 +2459,27 @@
        <span class="page-header-num">23</span>
      </div>
      <div class="padding-96">
        <p class="t0" >巢、输卵管、子宫和阴道，外生殖器包括阴唇、小阴唇和阴蒂等（见图1-12）。</P>
          <p class="t0">
            å·¢ã€è¾“卵管、子宫和阴道，外生殖器包括阴唇、小阴唇和阴蒂等（见图1-12）。
          </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>
              <p class="center">
                <el-image
                  :src="man"
                  :preview-src-list="[man]"
                  class="open-image"
                />
              </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" />
                <el-image
                  :src="woman"
                  :preview-src-list="[woman]"
                  class="open-image"
                />
              </p>
              <p class="img">图1-12 å¥³æ€§ç”Ÿæ®–系统示意图</p>
            </div>
@@ -2329,8 +2504,10 @@
          </p>
        </div>
    </div>
    </div>
    <!-- 24 -->
    <div class="page-box" page="24">
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2344,12 +2521,18 @@
          æˆäººä¸€æ—¦å‘现学前儿童出现习惯性擦腿或玩弄生殖器，切不可大惊小怪，更不要责骂儿童，应当用有趣的故事或者活动转移其注意力，并尽快查明原因：内裤过紧？睡眠环境过暖？有蛲虫感染？
        </p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
            <img
              class="img-gn"
              alt=""
              src="../../../assets/images/icon/ycs.png"
            />
          äº‘测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0036-3.jpg" /><br /> -->
          <span class="img center dl-bl w100">专题一 å­¦ä¹ ä¸»é¢˜äº”、学习主题六</span>
            <span class="img center dl-bl w100"
              >专题一 å­¦ä¹ ä¸»é¢˜äº”、学习主题六</span
            >
          <examinations 
          :cardList="questionData[24]" 
          v-if="questionData"
@@ -2404,7 +2587,9 @@
          <tr>
            <td>
              <span class="ds-bl primary-color">(二)达成目标</span>
              <span class="ds-bl">1.能列出人体主要的内分泌腺并了解其功能。</span>
                <span class="ds-bl"
                  >1.能列出人体主要的内分泌腺并了解其功能。</span
                >
              <span class="ds-bl"
                >2.能说出侏儒症和呆小病的病因，并列出其症状及预防措施。</span
              >
@@ -2439,26 +2624,22 @@
          </tr>
          <tr>
            <td>
              <span class="ds-bl"
                >1.人体主要的内分泌腺有哪些?</span
              >
                <span class="ds-bl">1.人体主要的内分泌腺有哪些?</span>
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qOne"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.内分泌系统的功能有哪些?</span
              >
                <span class="ds-bl mt-10">2.内分泌系统的功能有哪些?</span>
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qTwo"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -2469,16 +2650,18 @@
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qTHree"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.学前儿童的脑垂体有什么特点?为什么睡眠不足会影响身高的增长?</span>
                <span class="ds-bl mt-10"
                  >4.学前儿童的脑垂体有什么特点?为什么睡眠不足会影响身高的增长?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qFour"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.什么是侏症?</span>
@@ -2487,16 +2670,18 @@
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qFive"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.学前儿童内分泌系统的保健要点有哪些?资源小贴士?</span>
                <span class="ds-bl mt-10"
                  >6.学前儿童内分泌系统的保健要点有哪些?资源小贴士?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qSix"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
@@ -2522,7 +2707,7 @@
            rows="4" 
            v-model="chapterOneData.experienceSeven"
            placeholder="请输入内容"
            
              maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
@@ -2555,11 +2740,15 @@
            <p class="img">视频：学前儿童内分泌系统的生理特点与保健</p>
          </div>
        </div>
        <p>要的调节作用。内分泌腺分泌的生物活性物质叫作激素。激素直接渗入腺体周围的毛细血管和毛细淋巴管，经循环系统到达身体的各个部位，控制和调节机体的新陈代谢、生长发育及生殖等生理过程。</p>
          <p>
            è¦çš„调节作用。内分泌腺分泌的生物活性物质叫作激素。激素直接渗入腺体周围的毛细血管和毛细淋巴管，经循环系统到达身体的各个部位，控制和调节机体的新陈代谢、生长发育及生殖等生理过程。
          </p>
        </div>
      </div>
    </div>
    <!-- 25 -->
    <div class="page-box" page="25">
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -2567,7 +2756,6 @@
        <span class="page-header-num">25</span>
      </div>
      <div class="padding-96">

        <div class="fl">
        <div class="left" style="width: 50%">
          <p>
@@ -2581,7 +2769,11 @@
        </div>
        <div class="right" style="width: 50%">
          <p class="center">
            <el-image :src="endocrineImg" :preview-src-list="[endocrineImg]" class="open-image" />
                <el-image
                  :src="endocrineImg"
                  :preview-src-list="[endocrineImg]"
                  class="open-image"
                />
          </p>
          <p class="img">图1-13 å†…分泌系统示意图</p>
        </div>
@@ -2604,15 +2796,21 @@
        </div>
        <div class="right" style="width: 36%">
          <p class="center">
            <el-image :src="stature" :preview-src-list="[stature]" class="open-image" />
                <el-image
                  :src="stature"
                  :preview-src-list="[stature]"
                  class="open-image"
                />
          </p>
          <p class="img">图1-14 æˆå¹´ä¾å„’症患者与正常成人的身高比较</p>
        </div>
      </div>
      </div>
    </div>
    </div>
    <!-- 26 -->
    <div class="page-box" page="26">
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2643,7 +2841,11 @@
          æœ‰äº›å„¿ç«¥è¥å…»å“çš„成分并不十分明确，有的虽然只含微量激素，但若长期服用，也有可能在体内累积，引发儿童性早熟。生长发育正常的儿童，不必吃营养保健品，如身体缺乏某种营养素，需遵医嘱补充，如贫血需遵医嘱补铁。
        </p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
            <img
              class="img-gn"
              alt=""
              src="../../../assets/images/icon/ycs.png"
            />
          äº‘测试
        </h6>
        <p class="blockh6-c">
@@ -2691,14 +2893,16 @@
          <tr>
            <td>
              <span class="ds-bl primary-color">(二)达成目标</span>
              <span class="ds-bl">1.能列出神经系统的组成部分并说出各部分的功能。</span>
                <span class="ds-bl"
                  >1.能列出神经系统的组成部分并说出各部分的功能。</span
                >
              <span class="ds-bl"
                >2.能理解神经元的概念并掌据其组成结构。</span
              >
                <span class="ds-bl">3.能详细说出学前儿童神经系统的特点。</span>
              <span class="ds-bl"
                >3.能详细说出学前儿童神经系统的特点。</span
                  >4.能根据学前儿童神经系统的特点，对其进行日常保健。</span
              >
              <span class="ds-bl">4.能根据学前儿童神经系统的特点，对其进行日常保健。</span>
            </td>
          </tr>
          <tr>
@@ -2733,7 +2937,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qOne"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -2744,18 +2948,16 @@
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qTwo"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >3.什么是脊髓?脊髓的功能是什么?</span
              >
                <span class="ds-bl mt-10">3.什么是脊髓?脊髓的功能是什么?</span>
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qTwo"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.什么是反射?反射分为哪两类?</span>
@@ -2764,16 +2966,18 @@
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qFour"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.脑由哪几个部分结构?各部分的功能是什么?</span>
                <span class="ds-bl mt-10"
                  >5.脑由哪几个部分结构?各部分的功能是什么?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qFive"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.学前儿童神经系统的特点有哪些?</span>
@@ -2782,16 +2986,18 @@
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qSix"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.日常生活中，如何对学前儿童的神经系统进行保健?</span>
                <span class="ds-bl mt-10"
                  >7.日常生活中，如何对学前儿童的神经系统进行保健?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qSeven"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
@@ -2817,7 +3023,7 @@
            rows="4" 
            v-model="chapterOneData.experienceEnight"
            placeholder="请输入内容"
            
              maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
@@ -2826,8 +3032,10 @@
        </div>
      </div>
    </div>
    </div>
    <!-- 27 -->
    <div class="page-box" page="27">
    <div class="page-box" page="35">
      <div v-if="showPageList.indexOf(35) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -2851,12 +3059,18 @@
          </div>
          <div class="right" style="width: 50%">
            <p class="center">
              <el-image :src="nerve" :preview-src-list="[nerve]" class="open-image" />
                <el-image
                  :src="nerve"
                  :preview-src-list="[nerve]"
                  class="open-image"
                />
            </p>
            <p class="img cneter">图1-15 ç¥žç»å…ƒæ¨¡å¼å›¾</p>
          </div>
        </div>
        <p class="t0" >有一条，分支少，可将神经冲动传递给下一个神经元。有的轴突外包有髓鞘，起保护和绝缘的作用。</p>
          <p class="t0">
            æœ‰ä¸€æ¡ï¼Œåˆ†æ”¯å°‘，可将神经冲动传递给下一个神经元。有的轴突外包有髓鞘，起保护和绝缘的作用。
          </p>
        <h4 id="d053">（二）脊髓和反射</h4>
          <p>脊髓位于脊柱的椎管内，上与脑干相连，下达腰椎。</p>
        <p>
@@ -2894,8 +3108,10 @@
        <p>脑位于颅腔内，分为大脑、小脑、脑干和间脑四部分。</p>
      </div>
    </div>
    </div>
    <!-- 28 -->
    <div class="page-box" page="28">
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2912,13 +3128,22 @@
          å¤§è„‘分左、右两半球（见图1-16），表面凹凸不平，凹陷处称为“沟”，隆起处称为“回”，“沟”与“回”大大增加了大脑的表面积。较大的沟有中央沟、大脑外侧沟和顶枕沟，这些沟将大脑表面分成额叶、顶叶、颞叶和枕叶四部分。
        </p>
        <p class="center" >
          <el-image :src="brainImg" :preview-src-list="[brainImg]" style="width:70%" class="open-image" />
            <el-image
              :src="brainImg"
              :preview-src-list="[brainImg]"
              style="width: 70%"
              class="open-image"
            />
        </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" />
                <el-image
                  :src="brainsImg"
                  :preview-src-list="[brainsImg]"
                  class="open-image"
                />
            </p>
            <p class="img">图1-17 å¤§è„‘皮层分区图</p>
          </div>
@@ -2942,8 +3167,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 29 -->
    <div class="page-box" page="29">
    <div class="page-box" page="37">
      <div v-if="showPageList.indexOf(37) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -2979,7 +3206,11 @@
        </p>
        <p class="img">表1-6 äº¤æ„Ÿç¥žç»å’Œå‰¯äº¤æ„Ÿç¥žç»çš„作用与区别</p>
        <p class="center">
          <el-image :src="tableNine" :preview-src-list="[tableNine]" class="open-image" />
            <el-image
              :src="tableNine"
              :preview-src-list="[tableNine]"
              class="open-image"
            />
        </p>
        <h3 id="c016">二、学前儿童神经系统的特点＞＞＞＞＞＞</h3>
        <h4 id="d056">（一）脑发育非常迅速</h4>
@@ -2988,8 +3219,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 30 -->
    <div class="page-box" page="30">
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2998,16 +3231,24 @@
        </div>
      </div>
      <div class="padding-96">
        <p>脑的迅速生长可从脑质量的变化上得到反映。不同年龄脑质量的变化见表1-7。</p>
          <p>
            è„‘的迅速生长可从脑质量的变化上得到反映。不同年龄脑质量的变化见表1-7。
          </p>
        <p class="img">表1-7 ä¸åŒå¹´é¾„脑质量的变化</p>
        <p class="center">
          <el-image :src="tableTen" :preview-src-list="[tableTen]" class="open-image" />
            <el-image
              :src="tableTen"
              :preview-src-list="[tableTen]"
              class="open-image"
            />
        </p>
        <h4 id="d057">（二）中枢神经系统的发育不均衡</h4>
        <p>
          è„Šé«“和脑干在出生时已发育成熟，而小脑发育相对较晚，从1岁左右才迅速发育，3～6岁逐渐发育成熟。所以，1岁左右学走路时步履蹒跚；3岁时已能稳稳地走和跑，但摆臂与迈步还不协调；到5～6岁时，就能准确、协调地进行各种动作，如走、跑、跳、上下台阶，而且能很好地维持身体的平衡。
        </p>
        <p>大脑皮层发育极为迅速，到8岁左右，儿童大脑皮层发育已基本接近成人。</p>
          <p>
            å¤§è„‘皮层发育极为迅速，到8岁左右，儿童大脑皮层发育已基本接近成人。
          </p>
        <p>
          è„‘的发育是否完善，主要受两种因素的影响：一为遗传因素，即发展的潜力；二为个体生长环境中各种刺激的作用，丰富的、适度的刺激可促进脑细胞结构和机能的发育。优生，提供了脑发育的良好潜力；优育，给婴幼儿丰富的生活体验，使潜力得以充分发挥。
        </p>
@@ -3030,8 +3271,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 31 -->
    <div class="page-box" page="31">
    <div class="page-box" page="39">
      <div v-if="showPageList.indexOf(39) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -3055,7 +3298,11 @@
          æ‰˜å¹¼æœºæž„保教人员要热爱、关心学前儿童，为学前儿童创设良好的生活环境与社会环境；与学前儿童建立良好的师生关系，帮助和引导学前儿童与同伴友好相处；坚持正面教育，不伤害学前儿童的自尊心；不歧视有缺陷的儿童；更不能体罚及变相体罚儿童，以保证儿童在托幼机构中生活愉快。
        </p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
            <img
              class="img-gn"
              alt=""
              src="../../../assets/images/icon/ycs.png"
            />
          äº‘测试
        </h6>
        <p class="blockh6-c">
@@ -3073,7 +3320,9 @@
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>
        <div class="fieldset">
          <p class="center"><b>大脑的活动特点和规律及其对教学活动的要求</b></p>
            <p class="center">
              <b>大脑的活动特点和规律及其对教学活动的要求</b>
            </p>
          <p class="block">
            å¤§è„‘皮层是人体机能活动的高级中枢，是人们进行思维活动的物质基础。大脑皮层功能活动与人体的生理活动一样都具有一定的生物规律。
          </p>
@@ -3087,8 +3336,10 @@
        </div>
      </div>
    </div>
    </div>
    <!-- 32 -->
    <div class="page-box" page="32">
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -3151,7 +3402,9 @@
          <tr>
            <td>
              <span class="ds-bl primary-color">(二)达成目标</span>
              <span class="ds-bl">1.能说出眼、耳、皮肤的结构及各自的功能。</span>
                <span class="ds-bl"
                  >1.能说出眼、耳、皮肤的结构及各自的功能。</span
                >
              <span class="ds-bl"
                >2.能掌握学前儿童眼、耳、皮肤的特点，并据此科学地开展相关保健指导工作。</span
              >
@@ -3181,15 +3434,13 @@
          </tr>
          <tr>
            <td>
              <span class="ds-bl"
                >1.人体的感觉器官有哪些?</span
              >
                <span class="ds-bl">1.人体的感觉器官有哪些?</span>
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qOne"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -3200,7 +3451,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableNine.qTwo"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -3211,25 +3462,29 @@
                rows="4" 
                v-model="chapterOneData.learnTableNine.qThree"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.什么叫生理性近视?如何预防和纠正?</span>
                <span class="ds-bl mt-10"
                  >4.什么叫生理性近视?如何预防和纠正?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qFour"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.学前儿童的耳朵有什么特点?如何进行耳的保健?</span>
                <span class="ds-bl mt-10"
                  >5.学前儿童的耳朵有什么特点?如何进行耳的保健?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qFive"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.如何预防中耳炎?</span>
@@ -3238,16 +3493,18 @@
                rows="4" 
                v-model="chapterOneData.learnTableNine.qSix"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.学前儿童的皮肤有什么特点?如何进行皮肤保健?</span>
                <span class="ds-bl mt-10"
                  >7.学前儿童的皮肤有什么特点?如何进行皮肤保健?</span
                >
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qSeven"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
@@ -3258,7 +3515,7 @@
                rows="4" 
                v-model="chapterOneData.learnTableNine.qEnight"
                placeholder="请输入内容"
                
                  maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
@@ -3284,7 +3541,7 @@
            rows="4" 
            v-model="chapterOneData.experienceNine"
            placeholder="请输入内容"
            
              maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
@@ -3293,8 +3550,10 @@
        </div>
      </div>
    </div>
    </div>
    <!-- 33 -->
    <div class="page-box" page="33">
    <div class="page-box" page="41">
      <div v-if="showPageList.indexOf(41) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -3310,7 +3569,7 @@
          çœ¼çš„主要组成部分是眼球，此外还有使眼球运动的眼球外肌，以及保护眼球的眼睑、结膜和泪器等附属结构。
        </p>
        <div class="fl fl-between">
          <div class="left" style="width: 38%;">
            <div class="left" style="width: 38%">
            <p>
              çœ¼çƒçš„结构见图1-18。人的眼睛像一部照相机。眼球前面透明的角膜和眼球的内容物晶状体，好比照相机的透镜，起着屈光、聚光的作用。角膜后面的瞳孔能根据外界光线的强弱自动调节，扩大或缩小，好比照相机上的光圈。眼球壁最里面的一层是
            </p>
@@ -3332,11 +3591,12 @@
            <p class="img">视频：学前儿童眼的生理特点与保健</p>
          </div>
        </div>
        <p class="t0">视网膜，可以感受光线的刺激，产生视觉，好比照相机的感光彩色底片。</p>
          <p class="t0">
            è§†ç½‘膜，可以感受光线的刺激，产生视觉，好比照相机的感光彩色底片。
          </p>
        <h4 id="d066">（一）眼球的结构和功能</h4>
        <div class="fl">
          <div class="left" style="width: 65%">

            <p>
              çœ¼ç›å…·æœ‰â€œåŒçœ¼å•è§†åŠŸèƒ½â€ï¼Œå³ä¸¤çœ¼åŒæ—¶â€œæ‰«æâ€ä¸€ä¸ªç‰©ä½“，在视网膜上呈现一个物像，经过大脑视觉中枢的处理，不仅能看到这个物像的形状、大小，而且能分辨它的空间位置，即与周围物体间的距离、深度、凸凹等，这种视觉功能称为立体视觉。
            </p>
@@ -3345,7 +3605,11 @@
          </div>
          <div class="right" style="width: 35%">
            <p class="center">
              <el-image :src="eyesImg" :preview-src-list="[eyesImg]" class="open-image" />
                <el-image
                  :src="eyesImg"
                  :preview-src-list="[eyesImg]"
                  class="open-image"
                />
            </p>
            <p class="img">图1-18 çœ¼çƒç»“构模式图</p>
          </div>
@@ -3360,11 +3624,15 @@
        </p>
        <h4 id="d068">（三）学前儿童眼的保健</h4>
        <h5 id="e038">1.教育学前儿童养成良好的用眼习惯</h5>
        <p>要教育学前儿童养成以下良好的用眼习惯：①不在光线过强或较暗的地方看书、画画。②看书、画画时眼距书本保持在33厘米以上。③不躺着看书，以免眼与书距离过近；不在走路或乘车时看书，身体活动可导致书与眼的距离经常变化，极易造成视觉疲劳。④</p>
          <p>
            è¦æ•™è‚²å­¦å‰å„¿ç«¥å…»æˆä»¥ä¸‹è‰¯å¥½çš„用眼习惯：①不在光线过强或较暗的地方看书、画画。②看书、画画时眼距书本保持在33厘米以上。③不躺着看书，以免眼与书距离过近；不在走路或乘车时看书，身体活动可导致书与眼的距离经常变化，极易造成视觉疲劳。④
          </p>
        </div>
      </div>
    </div>
    <!-- 34 -->
    <div class="page-box" page="34">
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -3426,18 +3694,21 @@
            <p class="img">视频：学前儿童耳的特点及保健</p>
          </div>
        </div>
        <p class="t0">学进行耳针穴位疗法的部位。外耳道壁的外三分之一由软骨构成，内三分之二由骨质构成。软骨部分皮肤上有耳毛，内含皮脂腺和能分泌耵聍的耵聍腺。外耳道是声波进入中耳的通道。鼓膜介于外耳和中耳之间，是一块椭圆形的薄膜。</p>
          <p class="t0">
            å­¦è¿›è¡Œè€³é’ˆç©´ä½ç–—法的部位。外耳道壁的外三分之一由软骨构成，内三分之二由骨质构成。软骨部分皮肤上有耳毛，内含皮脂腺和能分泌耵聍的耵聍腺。外耳道是声波进入中耳的通道。鼓膜介于外耳和中耳之间，是一块椭圆形的薄膜。
          </p>
        </div>
      </div>
    </div>
    <!-- 35 -->
    <div class="page-box" page="35">
    <div class="page-box" page="43">
      <div v-if="showPageList.indexOf(43) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">35</span>
      </div>

      <div class="padding-96">
        <div class="fl fl-around">
          <div class="left" style="width: 40%">
@@ -3447,7 +3718,11 @@
          </div>
          <div class="right" style="width: 58%">
            <p class="center">
              <el-image :src="ersImg" :preview-src-list="[ersImg]" class="open-image" />
                <el-image
                  :src="ersImg"
                  :preview-src-list="[ersImg]"
                  class="open-image"
                />
            </p>
            <p class="img">图1-19 è€³çš„结构图</p>
          </div>
@@ -3470,7 +3745,11 @@
          </div>
          <div class="right" style="width: 48%">
            <p class="center">
              <el-image :src="erImg" :preview-src-list="[erImg]" class="open-image" />
                <el-image
                  :src="erImg"
                  :preview-src-list="[erImg]"
                  class="open-image"
                />
            </p>
            <p class="img">图1-20 æˆäººå’Œå­¦å‰å„¿ç«¥å’½é¼“管之比较</p>
          </div>
@@ -3480,11 +3759,15 @@
        </p>
        <h4 id="d071">（三）学前儿童耳的保健</h4>
        <h5 id="e047">1.谨慎挖耳</h5>
        <p>如果学前儿童耳朵里面发痒，可以用手指揉一揉，绝对禁止用火柴、挖耳勺等工具为</p>
          <p>
            å¦‚果学前儿童耳朵里面发痒，可以用手指揉一揉，绝对禁止用火柴、挖耳勺等工具为
          </p>
        </div>
      </div>
    </div>
    <!-- 36 -->
    <div class="page-box" page="36">
    <div class="page-box" page="44">
      <div v-if="showPageList.indexOf(44) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -3497,7 +3780,11 @@
          å­¦å‰å„¿ç«¥æŒ–耳朵。因为这些锐利的工具易碰伤外耳道皮肤，引发感染，还有可能戳破鼓膜，影响听力。
        </p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
            <img
              class="img-gn"
              alt=""
              src="../../../assets/images/icon/ycs.png"
            />
          å°å®žéªŒ
        </h6>
        <p class="blockh6">
@@ -3537,12 +3824,13 @@
          </p>
          <p class="block">“杀手”一：随身听</p>
          <p class="block">对策：用耳机听音乐，宜在安静环境。</p>
          
          </div>
        </div>
      </div>
    </div>
    <!-- 37 -->
    <div class="page-box" page="37">
    <div class="page-box" page="45">
      <div v-if="showPageList.indexOf(45) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -3588,7 +3876,6 @@
        </p>
        <div class="fl fl-around">
          <div class="left" style="width: 38%">

            <h4 id="d072">（一）皮肤的功能</h4>
            <p>
              çš®è‚¤è¦†ç›–全身，保护机体免受外界环境的直接刺激，并具有保护、感觉、调节体温、代谢、分泌与排泄、吸收等生理功能。
@@ -3613,16 +3900,22 @@
          </div>
        </div>

        <p class="t0">解质和营养物质的丧失；另一方面，可阻抑外界有害的或不需要的物质入侵，使机体免受机械性、物理性、化学性和生物性等因素的侵袭，达到有效的防护作用，保持机体内环境的相对稳定。</p>
          <p class="t0">
            è§£è´¨å’Œè¥å…»ç‰©è´¨çš„丧失；另一方面，可阻抑外界有害的或不需要的物质入侵，使机体免受机械性、物理性、化学性和生物性等因素的侵袭，达到有效的防护作用，保持机体内环境的相对稳定。
          </p>
        <p>
          çš®è‚¤å¯¹æœºä½“起着保护作用，表皮成为阻挡微生物的天然屏障。表皮的生发层内有黑色素细胞，能产生黑色素，吸收阳光中的紫外线，可以避免因紫外线穿透皮肤而损伤内部组织。真皮较厚，具有一定的弹性和韧性，与皮下脂肪一起抵御、缓冲外力的摩擦、挤压和冲击。
        </p>
        <h5 id="e053">2.感觉功能</h5>
        <p>皮肤里广泛分布着各种感觉神经末梢，可感受触觉、压觉、痛觉、温觉、冷觉等，所</p>
          <p>
            çš®è‚¤é‡Œå¹¿æ³›åˆ†å¸ƒç€å„种感觉神经末梢，可感受触觉、压觉、痛觉、温觉、冷觉等，所
          </p>
        </div>
      </div>
    </div>
    <!-- 38 -->
    <div class="page-box" page="38">
    <div class="page-box" page="46">
      <div v-if="showPageList.indexOf(46) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -3631,9 +3924,7 @@
        </div>
      </div>
      <div class="padding-96">
        <p>
          ä»¥ï¼Œçš®è‚¤æ˜¯æ„Ÿè§‰å™¨å®˜ã€‚
        </p>
          <p>以，皮肤是感觉器官。</p>
        <p>
          çš®è‚¤ä¸Šæœ‰è§¦è§‰ã€ç—›è§‰å’Œæ¸©è§‰ç­‰æ„Ÿå—器，它们的分布并不均匀，密度越大，感觉越灵敏。触觉最灵敏的地方是腹部，最不灵敏的是颈、背部。
        </p>
@@ -3662,11 +3953,15 @@
          å©´å¹¼å„¿è¡¨çš®çš„角质层比较薄，真皮的弹性纤维发育尚不完善，皮下脂肪也较少。因此，对外界冲击、紫外线辐射、细菌侵蚀等抵抗力远不及成人，保护功能差，易受损伤而感染。
        </p>
        <h5 id="e059">2.皮肤调节体温的功能差</h5>
        <p>体温的相对恒定是维持生命活动的重要条件，皮肤在体温调节方面起着重要作用。皮肤受到冷刺激，血管收缩，减少散热；皮肤受到热刺激，血管舒张，汗腺分泌汗液增多，增加散热。散热的方式有辐射、传导、对流和蒸发。学前儿童皮肤里毛细血管丰富，通过</p>
          <p>
            ä½“温的相对恒定是维持生命活动的重要条件，皮肤在体温调节方面起着重要作用。皮肤受到冷刺激，血管收缩，减少散热；皮肤受到热刺激，血管舒张，汗腺分泌汗液增多，增加散热。散热的方式有辐射、传导、对流和蒸发。学前儿童皮肤里毛细血管丰富，通过
          </p>
        </div>
      </div>
    </div>
    <!-- 39 -->
    <div class="page-box" page="39">
    <div class="page-box" page="47">
      <div v-if="showPageList.indexOf(47) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -3710,12 +4005,13 @@
          <p class="block">
            æ–°ç”Ÿå„¿çš„皮肤是无菌的，但出生后不久便附有细菌，且细菌数量逐日增多，遍及全身表皮，因此，保持皮肤的清洁很重要。婴幼儿皮肤的脂肪含有大量硬脂及软脂酸，特别是新生儿，皮下脂肪密度大，遇冷则容易发生硬化，所以，应当注意保暖。一般婴幼儿的脸、四肢、
          </p>

          </div>
        </div>
      </div>
    </div>
    <!-- 40 -->
    <div class="page-box" page="40">
    <div class="page-box" page="48">
      <div v-if="showPageList.indexOf(48) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -3725,7 +4021,9 @@
      </div>
      <div class="padding-96">
        <div class="fieldset" >
          <p class="block t0" >臀部皮下脂肪丰满，腹部皮下脂肪较薄，此点与成人相反。6～8个月后，婴儿的皮下脂肪生长减缓，3岁后不再生长，到8岁后又生长迅速，特别是女孩。</p>
            <p class="block t0">
              è‡€éƒ¨çš®ä¸‹è„‚肪丰满，腹部皮下脂肪较薄，此点与成人相反。6～8个月后，婴儿的皮下脂肪生长减缓，3岁后不再生长，到8岁后又生长迅速，特别是女孩。
            </p>
          <p class="block">
            æ–°ç”Ÿå„¿çš®è„‚腺发达，额部皮脂分泌比成人还多，胸部的皮脂分泌与成人相当。多数新生儿的鼻部、耳郭可见皮脂腺增生的黄白色粉刺；儿童期皮脂腺变小，分泌减少；青春期皮脂腺分泌亢进，这时易生痤疮。婴幼儿汗腺的数量与成人相当，为200万～450万，但单位面积皮肤的汗腺数比成人多，所以，婴幼儿容易生痱子。
          </p>
@@ -3753,7 +4051,11 @@
          å­¦å‰å„¿ç«¥ç”±äºŽå¹´é¾„小，缺乏知识和经验，所以，应引导他们观察周围事物，充分利用他们的感觉器官，让他们多看看、多听听、多摸摸、多闻闻、多尝尝，让学前儿童从实践中去感知周围的事物，促进感觉器官的发育和功能的完善。
        </p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
            <img
              class="img-gn"
              alt=""
              src="../../../assets/images/icon/ycs.png"
            />
          äº‘测试
        </h6>
        <p class="blockh6-c">
@@ -3784,8 +4086,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 41 -->
    <div class="page-box" page="41">
    <div class="page-box" page="49">
      <div v-if="showPageList.indexOf(49) > -1">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -3853,7 +4157,11 @@
            type="text"
            class="lineInput completion-input"
            chapterOneData.question.fill.qThree.one
          />过程强于<input type="text" class="lineInput completion-input" chapterOneData.question.fill.qThree.two />过程。
            />过程强于<input
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qThree.two
            />过程。
        </p>
        <p class="block">
          5.为保护学前儿童的视力，要定期为学前儿童调换座位，以防<input
@@ -3906,7 +4214,9 @@
          placeholder="请输入内容"
          v-model="chapterOneData.question.short.qSix"
        ></textarea>
        <p class="block">7.训练学前儿童嗅觉、味觉和触觉有哪些意义？如何训练？</p>
          <p class="block">
            7.训练学前儿童嗅觉、味觉和触觉有哪些意义？如何训练？
          </p>
        <textarea
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
@@ -3933,8 +4243,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 42 -->
    <div class="page-box" page="42">
    <div class="page-box" page="50">
      <div v-if="showPageList.indexOf(50) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -3952,7 +4264,11 @@
        </p>
        <p class="block">9.请你试着用标准对数视力表与同学互查视力。</p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
            <img
              class="img-gn"
              alt=""
              src="../../../assets/images/icon/ycs.png"
            />
          äº‘测试
        </h6>
        <p class="blockh6-c">
@@ -3980,9 +4296,11 @@
            rows="20" 
            v-model="chapterOneData.introspection"
            placeholder="请输入内容"
              maxlength="800"
            class="w100 ta-br textarea-text"
          ></textarea>
        </p>
        </div>
      </div>
    </div>
  </div>
@@ -3990,9 +4308,9 @@

<script>
import examinations from "@/components/examinations/index.vue";
import getResourcePath from '@/assets/methods/resources'
import getQuestionData from '@/assets/methods/examination'
import testData from '../../../assets/examinationList'
import getResourcePath from "@/assets/methods/resources";
import getQuestionData from "@/assets/methods/examination";
import testData from "../../../assets/examinationList";
export default {
  name: "chapter-one",
  components: { examinations },
@@ -4059,227 +4377,241 @@
      learnTableEight:true,
      learnTableNine:true,
      questionData:{},
      pathOne:'',
      pathTwo:'',
      pathThree:'',
      pathFour:'',
      pathFive:'',
      pathSix:'',
      pathSeven:'',
      pathEight:'',
      pathNine:'',
      pathTen:'',
      pathOne: "",
      pathTwo: "",
      pathThree: "",
      pathFour: "",
      pathFive: "",
      pathSix: "",
      pathSeven: "",
      pathEight: "",
      pathNine: "",
      pathTen: "",
      saveTime:20,
      chapterOneData:{
        experienceOne:'',
        experienceTwo:'',
        experienceThree:'',
        experienceFour:'',
        experienceFive:'',
        experienceSix:'',
        experienceSeven:'',
        experienceEnight:'',
        experienceNine:'',
        introspection:'',
        experienceOne: "",
        experienceTwo: "",
        experienceThree: "",
        experienceFour: "",
        experienceFive: "",
        experienceSix: "",
        experienceSeven: "",
        experienceEnight: "",
        experienceNine: "",
        introspection: "",
        learnTableOne:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: "",
        },
        learnTableTwo:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: "",
        },
        learnTableThree:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: "",
        },
        learnTableFour:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: "",
        },
        learnTableFive:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: "",
        },
        learnTableSix:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
        },
        learnTableSeven:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
        },
        learnTableEnight:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: "",
        },
        learnTableNine:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: "",
        },
        question:{
          judge:{
            qOne:'',
            qTwo:'',
            qThree:'',
            qFour:'',
            qOne: "",
            qTwo: "",
            qThree: "",
            qFour: "",
          },
          fill:{
            qOne:{
              one:'',
              two:''
              one: "",
              two: "",
            },
            qTwo:{
              oen:'',
              two:''
              oen: "",
              two: "",
            },
            qThree:{
              one:'',
              two:''
              one: "",
              two: "",
            },
            qFour:{
              one:'',
              two:''
              one: "",
              two: "",
            },
            qFive:{
              one:'',
              two:''
              one: "",
              two: "",
            },
          },
          short:{
            qOne:'',
            qTwo:'',
            qThree:'',
            qFour:'',
            qFive:'',
            qSix:'',
            qSeven:'',
          }
        }
      }
            qOne: "",
            qTwo: "",
            qThree: "",
            qFour: "",
            qFive: "",
            qSix: "",
            qSeven: "",
          },
        },
      },
    };
  },
  async mounted() {
    const localData = localStorage.getItem('chapterOneData')
    this.getVideoPath();
    const localData = localStorage.getItem("chapterOneData");
    if(localData) {
      this.chapterOneData = JSON.parse(localData)
      this.chapterOneData = JSON.parse(localData);
    }
    window.timerOne = setInterval(() => {
      this.saveTime--
      this.saveTime--;
      if(this.saveTime == 0) {
        this.saveChapterOneData()
        this.saveChapterOneData();
      }
    },1000)
    this.$data.questionData = await getQuestionData('1',testData[1])
    this.getVideoPath()
    }, 1000);
    this.$data.questionData = await getQuestionData(
      "1",
      testData[1],
      this.config.activeBook
    );
  },
  unmounted() {
    if(window.timerOne) {
      clearInterval(window.timerOne)
      clearInterval(window.timerOne);
    }
    localStorage.setItem('chapterOneData',JSON.stringify(this.chapterOneData))
    localStorage.setItem("chapterOneData", JSON.stringify(this.chapterOneData));
  },
  methods: {
    changeResources(type) {
      console.log("点击", type, this.learnTbaleOne, this.$data.questionData);
      if (type == "learnTbaleOne") {
        this.$data.learnTbaleOne = !this.$data.learnTbaleOne;
      } else if (type == "videoOne") {
        this.$data.videoOne = !this.$data.videoOne;
      } else if (type == "testOne") {
        this.$data.testOne = !this.$data.testOne;
      } else if(type == 'learnTableTwo') {
        this.$data.learnTableTwo = !this.$data.learnTableTwo
      }else if(type == 'learnTableThree') {
        this.$data.learnTableThree = !this.$data.learnTableThree
      }else if(type == 'learnTableFour') {
        this.$data.learnTableFour = !this.$data.learnTableFour
      }else if(type == 'learnTableFive') {
        this.$data.learnTableFive = !this.$data.learnTableFive
      }else if(type == 'learnTableSix') {
        this.$data.learnTableSix = !this.$data.learnTableSix
      }else if(type == 'learnTableSeven') {
        this.$data.learnTableSeven = !this.$data.learnTableSeven
      }else if(type == 'learnTableEight') {
        this.$data.learnTableEight = !this.$data.learnTableEight
      }else if(type == 'learnTableNine') {
        this.$data.learnTableNine = !this.$data.learnTableNine
      } else if (type == "learnTableTwo") {
        this.$data.learnTableTwo = !this.$data.learnTableTwo;
      } else if (type == "learnTableThree") {
        this.$data.learnTableThree = !this.$data.learnTableThree;
      } else if (type == "learnTableFour") {
        this.$data.learnTableFour = !this.$data.learnTableFour;
      } else if (type == "learnTableFive") {
        this.$data.learnTableFive = !this.$data.learnTableFive;
      } else if (type == "learnTableSix") {
        this.$data.learnTableSix = !this.$data.learnTableSix;
      } else if (type == "learnTableSeven") {
        this.$data.learnTableSeven = !this.$data.learnTableSeven;
      } else if (type == "learnTableEight") {
        this.$data.learnTableEight = !this.$data.learnTableEight;
      } else if (type == "learnTableNine") {
        this.$data.learnTableNine = !this.$data.learnTableNine;
      }
    },
    getVideoPath() {
      this.$data.pathOne = getResourcePath('f6f6588a75086576b87bed2fb9ca1ec1')
      this.$data.pathTwo = getResourcePath('e5993b62684fe55d13190cfe52bf00ed')
      this.$data.pathThree = getResourcePath('6b6d42213aa85aa5ff7724aaf96ffee6')
      this.$data.pathFour = getResourcePath('17fb1555f98c8fceabce5ff75077af58')
      this.$data.pathFive = getResourcePath('163c06871b763954952d1cd74373c618')
      this.$data.pathSix = getResourcePath('1d57d897974b22f7f3191f4073ea0641')
      this.$data.pathSeven = getResourcePath('e67262b8e73ca5b05374b903defd874f')
      this.$data.pathEight = getResourcePath('6731ebf8ea78297eedcb56521726481d')
      this.$data.pathNine = getResourcePath('5ef5496040abee4013a5f61e3c5b42b9')
      this.$data.pathTen = getResourcePath('4afe59338bb841a498593cbe458c7d7d')
      this.$data.pathOne = getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1");
      this.$data.pathTwo = getResourcePath("e5993b62684fe55d13190cfe52bf00ed");
      this.$data.pathThree = getResourcePath(
        "6b6d42213aa85aa5ff7724aaf96ffee6"
      );
      this.$data.pathFour = getResourcePath("17fb1555f98c8fceabce5ff75077af58");
      this.$data.pathFive = getResourcePath("163c06871b763954952d1cd74373c618");
      this.$data.pathSix = getResourcePath("1d57d897974b22f7f3191f4073ea0641");
      this.$data.pathSeven = getResourcePath(
        "e67262b8e73ca5b05374b903defd874f"
      );
      this.$data.pathEight = getResourcePath(
        "6731ebf8ea78297eedcb56521726481d"
      );
      this.$data.pathNine = getResourcePath("5ef5496040abee4013a5f61e3c5b42b9");
      this.$data.pathTen = getResourcePath("4afe59338bb841a498593cbe458c7d7d");
    },
    saveChapterOneData() {
      // è®°å½•ç¬¬ä¸€å¼ è¾“入数据
      console.log('20miao');
      this.saveTime = 20
      console.log("20miao");
      this.saveTime = 20;
      console.log(this.chapterOneData);
      localStorage.setItem('chapterOneData',JSON.stringify(this.chapterOneData))
    }
      localStorage.setItem(
        "chapterOneData",
        JSON.stringify(this.chapterOneData)
      );
    },
  },
};
</script>
@@ -4299,7 +4631,6 @@
  font-weight: bold;
  color: #1eb9ee;
}


.btn-box {
  width: 100%;

 src/books/childHealth/view/content/components/chapter002.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="2">
    <div class="page-box padding-96" page="43">
  <div class="chapter" num="3">
    <div class="page-box padding-96" page="51">
      <p class="center" id="a008">
        <img
          class="img-a"
@@ -43,7 +43,7 @@
      </p>
    </div>
    <!-- 44 -->
    <div class="page-box" page="44">
    <div class="page-box" page="52">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -287,7 +287,7 @@
      </div>
    </div>
    <!-- 45 -->
    <div class="page-box" page="45">
    <div class="page-box" page="53">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">45</span>
@@ -323,7 +323,7 @@
      </div>
    </div>
    <!-- 46 -->
    <div class="page-box" page="46">
    <div class="page-box" page="54">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -599,7 +599,7 @@
      </div>
    </div>
    <!-- 47 -->
    <div class="page-box" page="47">
    <div class="page-box" page="55">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">47</span>
@@ -646,7 +646,7 @@
      </div>
    </div>
    <!-- 48 -->
    <div class="page-box" page="48">
    <div class="page-box" page="56">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -690,7 +690,7 @@
      </div>
    </div>
    <!-- 49 -->
    <div class="page-box" page="49">
    <div class="page-box" page="57">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">49</span>
@@ -738,7 +738,7 @@
      </div>
    </div>
    <!-- 50 -->
    <div class="page-box" page="50">
    <div class="page-box" page="58">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -973,7 +973,7 @@
      </div>
    </div>
    <!-- 51 -->
    <div class="page-box" page="51">
    <div class="page-box" page="59">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">51</span>
@@ -1013,7 +1013,7 @@
      </div>
    </div>
    <!-- 52 -->
    <div class="page-box" page="52">
    <div class="page-box" page="60">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1063,7 +1063,7 @@
      </div>
    </div>
    <!-- 53 -->
    <div class="page-box" page="53">
    <div class="page-box" page="61">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">53</span>
@@ -1110,7 +1110,7 @@
      </div>
    </div>
    <!-- 54 -->
    <div class="page-box" page="54">
    <div class="page-box" page="62">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1357,7 +1357,7 @@
        this.saveChapterOneData()
      }
    },1000)
    this.$data.questionData = await getQuestionData('2',testData[2]);
    this.$data.questionData = await getQuestionData('2',testData[2],this.config.activeBook);
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter003.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="3">
    <div class="page-box padding-96" page="55">
  <div class="chapter" num="4">
    <div class="page-box padding-96" page="63">
      <p class="center" id="a009">
        <img
          class="img-a"
@@ -50,7 +50,7 @@
      </p>
    </div>
    <!-- 56 -->
    <div class="page-box" page="56">
    <div class="page-box" page="64">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -310,7 +310,7 @@
      </div>
    </div>
    <!-- 57 -->
    <div class="page-box" page="57">
    <div class="page-box" page="65">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -357,7 +357,7 @@
      </div>
    </div>
    <!-- 58 -->
    <div class="page-box" page="58">
    <div class="page-box" page="66">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -392,7 +392,7 @@
      </div>
    </div>
    <!-- 59 -->
    <div class="page-box" page="59">
    <div class="page-box" page="67">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -432,7 +432,7 @@
      </div>
    </div>
    <!-- 60 -->
    <div class="page-box" page="60">
    <div class="page-box" page="68">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -472,7 +472,7 @@
      </div>
    </div>
    <!-- 61 -->
    <div class="page-box" page="61">
    <div class="page-box" page="69">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -529,7 +529,7 @@
      </div>
    </div>
    <!-- 62 -->
    <div class="page-box" page="62">
    <div class="page-box" page="70">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -570,7 +570,7 @@
      </div>
    </div>
    <!-- 63 -->
    <div class="page-box" page="63">
    <div class="page-box" page="71">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -610,7 +610,7 @@
      </div>
    </div>
    <!-- 64 -->
    <div class="page-box" page="64">
    <div class="page-box" page="72">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -829,7 +829,7 @@
      </div>
    </div>
    <!-- 65 -->
    <div class="page-box" page="65">
    <div class="page-box" page="73">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -858,7 +858,7 @@
      </div>
    </div>
    <!-- 66 -->
    <div class="page-box" page="66">
    <div class="page-box" page="74">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -892,7 +892,7 @@
      </div>
    </div>
    <!-- 67 -->
    <div class="page-box" page="67">
    <div class="page-box" page="75">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -928,7 +928,7 @@
      </div>
    </div>
    <!-- 68 -->
    <div class="page-box" page="68">
    <div class="page-box" page="76">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -957,7 +957,7 @@
      </div>
    </div>
    <!-- 69 -->
    <div class="page-box" page="69">
    <div class="page-box" page="77">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -1017,7 +1017,7 @@
      </div>
    </div>
    <!-- 70 -->
    <div class="page-box" page="70">
    <div class="page-box" page="78">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1043,7 +1043,7 @@
      </div>
    </div>
    <!-- 71 -->
    <div class="page-box" page="71">
    <div class="page-box" page="79">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -1071,7 +1071,7 @@
      </div>
    </div>
    <!-- 72 -->
    <div class="page-box" page="72">
    <div class="page-box" page="80">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1130,7 +1130,7 @@
      </div>
    </div>
    <!-- 73 -->
    <div class="page-box" page="73">
    <div class="page-box" page="81">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -1395,7 +1395,7 @@
      </div>
    </div>
    <!-- 74 -->
    <div class="page-box" page="74">
    <div class="page-box" page="82">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1455,7 +1455,7 @@
      </div>
    </div>
    <!-- 75 -->
    <div class="page-box" page="75">
    <div class="page-box" page="83">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -1512,7 +1512,7 @@
      </div>
    </div>
    <!-- 76 -->
    <div class="page-box" page="76">
    <div class="page-box" page="84">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1551,7 +1551,7 @@
      </div>
    </div>
    <!-- 77 -->
    <div class="page-box" page="77">
    <div class="page-box" page="85">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -1606,7 +1606,7 @@
      </div>
    </div>
    <!-- 78 -->
    <div class="page-box" page="78">
    <div class="page-box" page="86">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1650,7 +1650,7 @@
      </div>
    </div>
    <!-- 79 -->
    <div class="page-box" page="79">
    <div class="page-box" page="87">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
@@ -1773,7 +1773,7 @@
      </div>
    </div>
    <!-- 80 -->
    <div class="page-box" page="80">
    <div class="page-box" page="88">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1970,7 +1970,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData("3", testData[3]);
    this.$data.questionData = await getQuestionData("3", testData[3],this.config.activeBook);
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter005.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="5">
  <div class="chapter" num="6">
    <!-- 99 -->
    <div class="page-box" page="99">
    <div class="page-box" page="107">
      <div class="padding-96">
        <p class="center" id="a011">
          <img
@@ -53,7 +53,7 @@
      </div>
    </div>
    <!-- 100 -->
    <div class="page-box" page="100">
    <div class="page-box" page="108">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -284,7 +284,7 @@
      </div>
    </div>
    <!-- 101 -->
    <div class="page-box" page="101">
    <div class="page-box" page="109">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -328,7 +328,7 @@
      </div>
    </div>
    <!-- 102 -->
    <div class="page-box" page="102">
    <div class="page-box" page="110">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -380,7 +380,7 @@
      </div>
    </div>
    <!-- 103 -->
    <div class="page-box" page="103">
    <div class="page-box" page="111">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -439,7 +439,7 @@
      </div>
    </div>
    <!-- 104 -->
    <div class="page-box" page="104">
    <div class="page-box" page="112">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -478,7 +478,7 @@
      </div>
    </div>
    <!-- 105 -->
    <div class="page-box" page="105">
    <div class="page-box" page="113">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -511,7 +511,7 @@
      </div>
    </div>
    <!-- 106 -->
    <div class="page-box" page="106">
    <div class="page-box" page="114">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -556,7 +556,7 @@
      </div>
    </div>
    <!-- 107 -->
    <div class="page-box" page="107">
    <div class="page-box" page="115">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -599,7 +599,7 @@
      </div>
    </div>
    <!-- 108 -->
    <div class="page-box" page="108">
    <div class="page-box" page="116">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -639,7 +639,7 @@
      </div>
    </div>
    <!-- 109  -->
    <div class="page-box" page="109">
    <div class="page-box" page="117">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -701,7 +701,7 @@
      </div>
    </div>
    <!-- 110 -->
    <div class="page-box" page="110">
    <div class="page-box" page="118">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -774,7 +774,7 @@
      </div>
    </div>
    <!-- 111 -->
    <div class="page-box" page="111">
    <div class="page-box" page="119">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -835,7 +835,7 @@
      </div>
    </div>
    <!-- 112 -->
    <div class="page-box" page="112">
    <div class="page-box" page="120">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -874,7 +874,7 @@
      </div>
    </div>
    <!-- 113 -->
    <div class="page-box" page="113">
    <div class="page-box" page="121">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -919,7 +919,7 @@
      </div>
    </div>
    <!-- 114 -->
    <div class="page-box" page="114">
    <div class="page-box" page="122">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -965,7 +965,7 @@
      </div>
    </div>
    <!-- 115 -->
    <div class="page-box" page="115">
    <div class="page-box" page="123">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -1007,7 +1007,7 @@
      </div>
    </div>
    <!-- 116 -->
    <div class="page-box" page="116">
    <div class="page-box" page="124">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1052,7 +1052,7 @@
      </div>
    </div>
    <!-- 117 -->
    <div class="page-box" page="117">
    <div class="page-box" page="125">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -1108,7 +1108,7 @@
      </div>
    </div>
    <!-- 118 -->
    <div class="page-box" page="118">
    <div class="page-box" page="126">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1160,7 +1160,7 @@
      </div>
    </div>
    <!-- 119 -->
    <div class="page-box" page="119">
    <div class="page-box" page="127">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -1382,7 +1382,7 @@
      </div>
    </div>
    <!-- 120 -->
    <div class="page-box" page="120">
    <div class="page-box" page="128">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1426,7 +1426,7 @@
      </div>
    </div>
    <!-- 121 -->
    <div class="page-box" page="121">
    <div class="page-box" page="129">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -1475,7 +1475,7 @@
      </div>
    </div>
    <!-- 122 -->
    <div class="page-box" page="122">
    <div class="page-box" page="130">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1541,7 +1541,7 @@
      </div>
    </div>
    <!-- 123 -->
    <div class="page-box" page="123">
    <div class="page-box" page="131">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -1581,7 +1581,7 @@
      </div>
    </div>
    <!-- 124 -->
    <div class="page-box" page="124">
    <div class="page-box" page="132">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1818,7 +1818,7 @@
      </div>
    </div>
    <!-- 125 -->
    <div class="page-box" page="125">
    <div class="page-box" page="133">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -1865,7 +1865,7 @@
      </div>
    </div>
    <!-- 126 -->
    <div class="page-box" page="126">
    <div class="page-box" page="134">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1922,7 +1922,7 @@
      </div>
    </div>
    <!-- 127 -->
    <div class="page-box" page="127">
    <div class="page-box" page="135">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -1967,7 +1967,7 @@
      </div>
    </div>
    <!-- 128 -->
    <div class="page-box" page="128">
    <div class="page-box" page="136">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2028,7 +2028,7 @@
      </div>
    </div>
    <!-- 129 -->
    <div class="page-box" page="129">
    <div class="page-box" page="137">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -2261,7 +2261,7 @@
      </div>
    </div>
    <!-- 130 -->
    <div class="page-box" page="130">
    <div class="page-box" page="138">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2310,7 +2310,7 @@
      </div>
    </div>
    <!-- 131 -->
    <div class="page-box" page="131">
    <div class="page-box" page="139">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -2338,7 +2338,7 @@
      </div>
    </div>
    <!-- 132 -->
    <div class="page-box" page="132">
    <div class="page-box" page="140">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2383,7 +2383,7 @@
      </div>
    </div>
    <!-- 133 -->
    <div class="page-box" page="133">
    <div class="page-box" page="141">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题五&nbsp;学前儿童营养卫生与保健</span
@@ -2428,7 +2428,7 @@
      </div>
    </div>
    <!-- 134 -->
    <div class="page-box" page="134">
    <div class="page-box" page="142">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2720,7 +2720,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData('5',testData[5])
    this.$data.questionData = await getQuestionData('5',testData[5],this.config.activeBook)
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter006.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="6">
    <div class="page-box" page="135">
  <div class="chapter" num="7">
    <div class="page-box" page="143">
      <div class="padding-96">
        <p class="center" id="a012">
          <img
@@ -52,7 +52,7 @@
      </div>
    </div>
    <!-- 136 -->
    <div class="page-box" page="136">
    <div class="page-box" page="144">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -255,7 +255,7 @@
      </div>
    </div>
    <!-- 137 -->
    <div class="page-box" page="137">
    <div class="page-box" page="145">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -280,7 +280,7 @@
      </div>
    </div>
    <!-- 138 -->
    <div class="page-box" page="138">
    <div class="page-box" page="146">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -331,7 +331,7 @@
      </div>
    </div>
    <!-- 139 -->
    <div class="page-box" page="139">
    <div class="page-box" page="147">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -364,7 +364,7 @@
      </div>
    </div>
    <!-- 140 -->
    <div class="page-box" page="140">
    <div class="page-box" page="148">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -397,7 +397,7 @@
      </div>
    </div>
    <!-- 141 -->
    <div class="page-box" page="141">
    <div class="page-box" page="149">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -444,7 +444,7 @@
      </div>
    </div>
    <!-- 142 -->
    <div class="page-box" page="142">
    <div class="page-box" page="150">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -518,7 +518,7 @@
      </div>
    </div>
    <!-- 143 -->
    <div class="page-box" page="143">
    <div class="page-box" page="151">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -786,7 +786,7 @@
      </div>
    </div>
    <!-- 144 -->
    <div class="page-box" page="144">
    <div class="page-box" page="152">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -828,7 +828,7 @@
      </div>
    </div>
    <!-- 145 -->
    <div class="page-box" page="145">
    <div class="page-box" page="153">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -872,7 +872,7 @@
      </div>
    </div>
    <!-- 146 -->
    <div class="page-box" page="146">
    <div class="page-box" page="154">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -913,7 +913,7 @@
      </div>
    </div>
    <!-- 147 -->
    <div class="page-box" page="147">
    <div class="page-box" page="155">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -953,7 +953,7 @@
      </div>
    </div>
    <!-- 148 -->
    <div class="page-box" page="148">
    <div class="page-box" page="156">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -988,7 +988,7 @@
      </div>
    </div>
    <!-- 149 -->
    <div class="page-box" page="149">
    <div class="page-box" page="157">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -1030,7 +1030,7 @@
      </div>
    </div>
    <!-- 150 -->
    <div class="page-box" page="150">
    <div class="page-box" page="158">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1104,7 +1104,7 @@
      </div>
    </div>
    <!-- 151 -->
    <div class="page-box" page="151">
    <div class="page-box" page="159">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -1168,7 +1168,7 @@
      </div>
    </div>
    <!-- 152 -->
    <div class="page-box" page="152">
    <div class="page-box" page="160">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1378,7 +1378,7 @@
      </div>
    </div>
    <!-- 153 -->
    <div class="page-box" page="153">
    <div class="page-box" page="161">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -1423,7 +1423,7 @@
      </div>
    </div>
    <!-- 154 -->
    <div class="page-box" page="154">
    <div class="page-box" page="162">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1448,7 +1448,7 @@
      </div>
    </div>
    <!-- 155 -->
    <div class="page-box" page="155">
    <div class="page-box" page="163">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -1498,7 +1498,7 @@
      </div>
    </div>
    <!-- 156 -->
    <div class="page-box" page="156">
    <div class="page-box" page="164">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1745,7 +1745,7 @@
      </div>
    </div>
    <!-- 157 -->
    <div class="page-box" page="157">
    <div class="page-box" page="165">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -1784,7 +1784,7 @@
      </div>
    </div>
    <!-- 158 -->
    <div class="page-box" page="158">
    <div class="page-box" page="166">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1821,7 +1821,7 @@
      </div>
    </div>
    <!-- 159 -->
    <div class="page-box" page="159">
    <div class="page-box" page="167">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -1868,7 +1868,7 @@
      </div>
    </div>
    <!-- 160 -->
    <div class="page-box" page="160">
    <div class="page-box" page="168">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2136,7 +2136,7 @@
      </div>
    </div>
    <!-- 161 -->
    <div class="page-box" page="161">
    <div class="page-box" page="169">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -2177,7 +2177,7 @@
      </div>
    </div>
    <!-- 162 -->
    <div class="page-box" page="162">
    <div class="page-box" page="170">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2222,7 +2222,7 @@
      </div>
    </div>
    <!-- 163 -->
    <div class="page-box" page="163">
    <div class="page-box" page="171">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -2264,7 +2264,7 @@
      </div>
    </div>
    <!-- 164 -->
    <div class="page-box" page="164">
    <div class="page-box" page="172">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2318,7 +2318,7 @@
      </div>
    </div>
    <!-- 165 -->
    <div class="page-box" page="165">
    <div class="page-box" page="173">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题六&nbsp;学前儿童各年龄期的特点与保健</span
@@ -2477,7 +2477,7 @@
      </div>
    </div>
    <!-- 166 -->
    <div class="page-box" page="166">
    <div class="page-box" page="174">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2678,7 +2678,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData('6',testData[6])
    this.$data.questionData = await getQuestionData('6',testData[6],this.config.activeBook)
    this.getVideoPath()
    
  },

 src/books/childHealth/view/content/components/chapter007.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="7">
    <div class="page-box" page="167">
  <div class="chapter" num="8">
    <div class="page-box" page="175">
      <div class="padding-96">
        <p class="center" id="a013">
          <img
@@ -50,7 +50,7 @@
      </div>
    </div>
    <!-- 168 -->
    <div class="page-box" page="168">
    <div class="page-box" page="176">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -239,7 +239,7 @@
      </div>
    </div>
    <!-- 169 -->
    <div class="page-box" page="169">
    <div class="page-box" page="177">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -314,7 +314,7 @@
      </div>
    </div>
    <!-- 170 -->
    <div class="page-box" page="170">
    <div class="page-box" page="178">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -413,7 +413,7 @@
      </div>
    </div>
    <!-- 171 -->
    <div class="page-box" page="171">
    <div class="page-box" page="179">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -593,7 +593,7 @@
      </div>
    </div>
    <!-- 172 -->
    <div class="page-box" page="172">
    <div class="page-box" page="180">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -666,7 +666,7 @@
      </div>
    </div>
    <!-- 173 -->
    <div class="page-box" page="173">
    <div class="page-box" page="181">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -715,7 +715,7 @@
      </div>
    </div>
    <!-- 174 -->
    <div class="page-box" page="174">
    <div class="page-box" page="182">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -920,7 +920,7 @@
      </div>
    </div>
    <!-- 175 -->
    <div class="page-box" page="175">
    <div class="page-box" page="183">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -973,7 +973,7 @@
      </div>
    </div>
    <!-- 176 -->
    <div class="page-box" page="176">
    <div class="page-box" page="184">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1025,7 +1025,7 @@
      </div>
    </div>
    <!-- 177 -->
    <div class="page-box" page="177">
    <div class="page-box" page="185">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -1274,7 +1274,7 @@
      </div>
    </div>
    <!-- 178 -->
    <div class="page-box" page="178">
    <div class="page-box" page="186">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1352,7 +1352,7 @@
      </div>
    </div>
    <!-- 179 -->
    <div class="page-box" page="179">
    <div class="page-box" page="187">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -1408,7 +1408,7 @@
      </div>
    </div>
    <!-- 180 -->
    <div class="page-box" page="180">
    <div class="page-box" page="188">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1476,7 +1476,7 @@
      </div>
    </div>
    <!-- 181 -->
    <div class="page-box" page="181">
    <div class="page-box" page="189">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -1549,7 +1549,7 @@
      </div>
    </div>
    <!-- 182 -->
    <div class="page-box" page="182">
    <div class="page-box" page="190">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1619,7 +1619,7 @@
      </div>
    </div>
    <!-- 183 -->
    <div class="page-box" page="183">
    <div class="page-box" page="191">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -1667,7 +1667,7 @@
      </div>
    </div>
    <!-- 184 -->
    <div class="page-box" page="184">
    <div class="page-box" page="192">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1715,7 +1715,7 @@
      </div>
    </div>
    <!-- 185 -->
    <div class="page-box" page="185">
    <div class="page-box" page="193">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -1783,7 +1783,7 @@
      </div>
    </div>
    <!-- 186 -->
    <div class="page-box" page="186">
    <div class="page-box" page="194">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1879,7 +1879,7 @@
      </div>
    </div>
    <!-- 187 -->
    <div class="page-box" page="187">
    <div class="page-box" page="195">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -1926,7 +1926,7 @@
      </div>
    </div>
    <!-- 188 -->
    <div class="page-box" page="188">
    <div class="page-box" page="196">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2204,7 +2204,7 @@
      </div>
    </div>
    <!-- 189 -->
    <div class="page-box" page="189">
    <div class="page-box" page="197">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -2251,7 +2251,7 @@
      </div>
    </div>
    <!-- 190 -->
    <div class="page-box" page="190">
    <div class="page-box" page="198">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2306,7 +2306,7 @@
      </div>
    </div>
    <!-- 191 -->
    <div class="page-box" page="191">
    <div class="page-box" page="199">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -2352,7 +2352,7 @@
      </div>
    </div>
    <!-- 192 -->
    <div class="page-box" page="192">
    <div class="page-box" page="200">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2420,7 +2420,7 @@
      </div>
    </div>
    <!-- 193 -->
    <div class="page-box" page="193">
    <div class="page-box" page="201">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -2464,7 +2464,7 @@
      </div>
    </div>
    <!-- 194 -->
    <div class="page-box" page="194 ">
    <div class="page-box" page="202 ">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2505,7 +2505,7 @@
      </div>
    </div>
    <!-- 195 -->
    <div class="page-box" page="195">
    <div class="page-box" page="203">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -2550,7 +2550,7 @@
      </div>
    </div>
    <!-- 196 -->
    <div class="page-box" page="196">
    <div class="page-box" page="204">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2595,7 +2595,7 @@
      </div>
    </div>
    <!-- 197 -->
    <div class="page-box" page="197">
    <div class="page-box" page="205">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -2642,7 +2642,7 @@
      </div>
    </div>
    <!-- 198 -->
    <div class="page-box" page="198">
    <div class="page-box" page="206">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2690,7 +2690,7 @@
      </div>
    </div>
    <!-- 199 -->
    <div class="page-box" page="199">
    <div class="page-box" page="207">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -2728,7 +2728,7 @@
      </div>
    </div>
    <!-- 200 -->
    <div class="page-box" page="200">
    <div class="page-box" page="208">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2778,7 +2778,7 @@
      </div>
    </div>
    <!-- 201 -->
    <div class="page-box" page="201">
    <div class="page-box" page="209">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -2822,7 +2822,7 @@
      </div>
    </div>
    <!-- 202 -->
    <div class="page-box" page="202">
    <div class="page-box" page="210">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2874,7 +2874,7 @@
      </div>
    </div>
    <!-- 203 -->
    <div class="page-box" page="203">
    <div class="page-box" page="211">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -2926,7 +2926,7 @@
      </div>
    </div>
    <!-- 204 -->
    <div class="page-box" page="204">
    <div class="page-box" page="212">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2975,7 +2975,7 @@
      </div>
    </div>
    <!-- 205 -->
    <div class="page-box" page="205">
    <div class="page-box" page="213">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -3043,7 +3043,7 @@
      </div>
    </div>
    <!-- 206 -->
    <div class="page-box" page="206">
    <div class="page-box" page="214">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -3116,7 +3116,7 @@
      </div>
    </div>
    <!-- 207 -->
    <div class="page-box" page="207">
    <div class="page-box" page="215">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -3180,7 +3180,7 @@
      </div>
    </div>
    <!-- 208 -->
    <div class="page-box" page="208">
    <div class="page-box" page="216">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -3369,7 +3369,7 @@
      </div>
    </div>
    <!-- 209 -->
    <div class="page-box" page="209">
    <div class="page-box" page="217">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题七&nbsp;学前儿童疾病及其预防</span
@@ -3611,7 +3611,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData('7',testData[7])
    this.$data.questionData = await getQuestionData('7',testData[7],this.config.activeBook)
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter008.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" :num="8">
  <div class="chapter" num="9">
    <!-- 210 -->
    <div class="page-box" page="210">
    <div class="page-box" page="218">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -58,7 +58,7 @@
      </div>
    </div>
    <!-- 211 -->
    <div class="page-box" page="211">
    <div class="page-box" page="219">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -323,7 +323,7 @@
      </div>
    </div>
    <!-- 212 -->
    <div class="page-box" page="212">
    <div class="page-box" page="220">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -387,7 +387,7 @@
      </div>
    </div>
    <!-- 213 -->
    <div class="page-box" page="213">
    <div class="page-box" page="221">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -455,7 +455,7 @@
      </div>
    </div>
    <!-- 214 -->
    <div class="page-box" page="214">
    <div class="page-box" page="222">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -520,7 +520,7 @@
      </div>
    </div>
    <!-- 215 -->
    <div class="page-box" page="215">
    <div class="page-box" page="223">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -592,7 +592,7 @@
      </div>
    </div>
    <!-- 216 -->
    <div class="page-box" page="216">
    <div class="page-box" page="224">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -876,7 +876,7 @@
      </div>
    </div>
    <!-- 217 -->
    <div class="page-box" page="217">
    <div class="page-box" page="225">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -946,7 +946,7 @@
      </div>
    </div>
    <!-- 218 -->
    <div class="page-box" page="218">
    <div class="page-box" page="226">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1020,7 +1020,7 @@
      </div>
    </div>
    <!-- 219 -->
    <div class="page-box" page="219">
    <div class="page-box" page="227">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -1075,7 +1075,7 @@
      </div>
    </div>
    <!-- 220 -->
    <div class="page-box" page="220">
    <div class="page-box" page="228">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1142,7 +1142,7 @@
      </div>
    </div>
    <!-- 221 -->
    <div class="page-box" page="221">
    <div class="page-box" page="229">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -1193,7 +1193,7 @@
      </div>
    </div>
    <!-- 222 -->
    <div class="page-box" page="222">
    <div class="page-box" page="230">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1246,7 +1246,7 @@
      </div>
    </div>
    <!-- 223 -->
    <div class="page-box" page="223">
    <div class="page-box" page="231">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -1312,7 +1312,7 @@
      </div>
    </div>
    <!-- 224 -->
    <div class="page-box" page="224">
    <div class="page-box" page="232">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1397,7 +1397,7 @@
      </div>
    </div>
    <!-- 225 -->
    <div class="page-box" page="225">
    <div class="page-box" page="233">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -1479,7 +1479,7 @@
      </div>
    </div>
    <!-- 226 -->
    <div class="page-box" page="226">
    <div class="page-box" page="234">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1538,7 +1538,7 @@
      </div>
    </div>
    <!-- 227 -->
    <div class="page-box" page="227">
    <div class="page-box" page="235">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -1612,7 +1612,7 @@
      </div>
    </div>
    <!-- 228 -->
    <div class="page-box" page="228">
    <div class="page-box" page="236">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1829,7 +1829,7 @@
      </div>
    </div>
    <!-- 229 -->
    <div class="page-box" page="229">
    <div class="page-box" page="237">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -1865,7 +1865,7 @@
      </div>
    </div>
    <!-- 230 -->
    <div class="page-box" page="230">
    <div class="page-box" page="238">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1923,7 +1923,7 @@
      </div>
    </div>
    <!-- 231 -->
    <div class="page-box" page="231">
    <div class="page-box" page="239">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -2016,7 +2016,7 @@
      </div>
    </div>
    <!-- 232 -->
    <div class="page-box" page="232">
    <div class="page-box" page="240">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2084,7 +2084,7 @@
      </div>
    </div>
    <!-- 233 -->
    <div class="page-box" page="233">
    <div class="page-box" page="241">
      <div class="page-header-box">
        <span class="page-header-text"
          >专题八&nbsp;学前儿童常用护理与急救技术</span
@@ -2128,7 +2128,7 @@
      </div>
    </div>
    <!-- 234 -->
    <div class="page-box" page="234">
    <div class="page-box" page="242">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -2460,7 +2460,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData("8", testData[8]);
    this.$data.questionData = await getQuestionData("8", testData[8],this.config.activeBook);
    this.getVideoPath();
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter009.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" :num="9">
  <div class="chapter" num="10">
    <!-- 235 -->
    <div class="page-box" page="235">
    <div class="page-box" page="243">
      <div class="padding-96">
        <p class="center" id="a015">
          <img
@@ -54,7 +54,7 @@
      </div>
    </div>
    <!-- 236 -->
    <div class="page-box" page="236">
    <div class="page-box" page="244">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -294,7 +294,7 @@
      </div>
    </div>
    <!-- 237 -->
    <div class="page-box" page="237">
    <div class="page-box" page="245">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题九&nbsp;学前儿童生活保健制度</span
@@ -335,7 +335,7 @@
      </div>
    </div>
    <!-- 238 -->
    <div class="page-box" page="238">
    <div class="page-box" page="246">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -377,7 +377,7 @@
      </div>
    </div>
    <!-- 239 -->
    <div class="page-box" page="239">
    <div class="page-box" page="247">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题九&nbsp;学前儿童生活保健制度</span
@@ -413,7 +413,7 @@
      </div>
    </div>
    <!-- 240 -->
    <div class="page-box" page="240">
    <div class="page-box" page="248">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -453,7 +453,7 @@
      </div>
    </div>
    <!-- 241 -->
    <div class="page-box" page="241">
    <div class="page-box" page="249">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题九&nbsp;学前儿童生活保健制度</span
@@ -515,7 +515,7 @@
      </div>
    </div>
    <!-- 242 -->
    <div class="page-box" page="242">
    <div class="page-box" page="250">
      
      <div class="header-box">
        <div class="header-border-box"></div>
@@ -556,7 +556,7 @@
      </div>
    </div>
    <!-- 243 -->
    <div class="page-box" page="243">
    <div class="page-box" page="251">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题九&nbsp;学前儿童生活保健制度</span
@@ -627,7 +627,7 @@
      </div>
    </div>
    <!-- 244 -->
    <div class="page-box" page="244">
    <div class="page-box" page="252">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -905,7 +905,7 @@
      </div>
    </div>
    <!-- 245 -->
    <div class="page-box" page="245">
    <div class="page-box" page="253">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题九&nbsp;学前儿童生活保健制度</span
@@ -971,7 +971,7 @@
      </div>
    </div>
    <!-- 246 -->
    <div class="page-box" page="246">
    <div class="page-box" page="254">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1032,7 +1032,7 @@
      </div>
    </div>
    <!-- 247 -->
    <div class="page-box" page="247">
    <div class="page-box" page="255">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题九&nbsp;学前儿童生活保健制度</span
@@ -1060,7 +1060,7 @@
      </div>
    </div>
    <!-- 248 -->
    <div class="page-box" page="248">
    <div class="page-box" page="256">
      
      <div class="header-box">
        <div class="header-border-box"></div>
@@ -1097,7 +1097,7 @@
      </div>
    </div>
    <!-- 249 -->
    <div class="page-box" page="249">
    <div class="page-box" page="257">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题九&nbsp;学前儿童生活保健制度</span
@@ -1167,7 +1167,7 @@
      </div>
    </div>
    <!-- 250 -->
    <div class="page-box" page="250">
    <div class="page-box" page="258">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1242,7 +1242,7 @@
      </div>
    </div>
    <!-- 251 -->
    <div class="page-box" page="251">
    <div class="page-box" page="259">
      
      <div class="page-header-box">
        <span class="page-header-text" 
@@ -1302,7 +1302,7 @@
      </div>
    </div>
    <!-- 252 -->
    <div class="page-box" page="252">
    <div class="page-box" page="260">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1349,7 +1349,7 @@
      </div>
    </div>
    <!-- 253 -->
    <div class="page-box" page="253">
    <div class="page-box" page="261">
      
      <div class="page-header-box">
        <span class="page-header-text" 
@@ -1415,7 +1415,7 @@
      </div>
    </div>
    <!-- 254 -->
    <div class="page-box" page="254">
    <div class="page-box" page="262">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1467,7 +1467,7 @@
      </div>
    </div>
    <!-- 255 -->
    <div class="page-box" page="255">
    <div class="page-box" page="263">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题九&nbsp;学前儿童生活保健制度</span
@@ -1608,7 +1608,7 @@
      </div>
    </div>
    <!-- 256 -->
    <div class="page-box" page="256">
    <div class="page-box" page="264">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1764,7 +1764,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData('9',testData[9])
    this.$data.questionData = await getQuestionData('9',testData[9],this.config.activeBook)
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter010.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" :num="10">
  <div class="chapter" num="11">
    <!-- 257 -->
    <div class="page-box" page="257">
    <div class="page-box" page="265">
      <div class="padding-96">
        <p class="center" id="a016">
          <img
@@ -50,7 +50,7 @@
      </div>
    </div>
    <!-- 258 -->
    <div class="page-box" page="258">
    <div class="page-box" page="266">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -298,7 +298,7 @@
      </div>
    </div>
    <!-- 259 -->
    <div class="page-box" page="259">
    <div class="page-box" page="267">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题十&nbsp;托幼机构的环境卫生</span
@@ -343,7 +343,7 @@
      </div>
    </div>
    <!-- 260 -->
    <div class="page-box" page="260">
    <div class="page-box" page="268">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -411,7 +411,7 @@
      </div>
    </div>
    <!-- 261 -->
    <div class="page-box" page="161">
    <div class="page-box" page="269">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题十&nbsp;托幼机构的环境卫生</span
@@ -457,7 +457,7 @@
      </div>
    </div>
    <!-- 262 -->
    <div class="page-box" page="262">
    <div class="page-box" page="270">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -500,7 +500,7 @@
      </div>
    </div>
    <!-- 263 -->
    <div class="page-box" page="263">
    <div class="page-box" page="271">
      
      <div class="page-header-box">
        <span class="page-header-text" 
@@ -547,7 +547,7 @@
      </div>
    </div>
    <!-- 264 -->
    <div class="page-box" page="264">
    <div class="page-box" page="272">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -585,7 +585,7 @@
      </div>
    </div>
    <!-- 265 -->
    <div class="page-box" page="265">
    <div class="page-box" page="273">
      
      <div class="page-header-box">
        <span class="page-header-text" 
@@ -630,7 +630,7 @@
      </div>
    </div>
    <!-- 266 -->
    <div class="page-box" page="266">
    <div class="page-box" page="274">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -682,7 +682,7 @@
      </div>
    </div>
    <!-- 267 -->
    <div class="page-box" page="267">
    <div class="page-box" page="275">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题十&nbsp;托幼机构的环境卫生</span
@@ -900,7 +900,7 @@
      </div>
    </div>
    <!-- 268 -->
    <div class="page-box" page="268">
    <div class="page-box" page="276">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -949,7 +949,7 @@
      </div>
    </div>
    <!-- 269 -->
    <div class="page-box" page="269">
    <div class="page-box" page="277">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题十&nbsp;托幼机构的环境卫生</span
@@ -992,7 +992,7 @@
      </div>
    </div>
    <!-- 270 -->
    <div class="page-box" page="270">
    <div class="page-box" page="278">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1059,7 +1059,7 @@
      </div>
    </div>
    <!-- 271 -->
    <div class="page-box" page="271">
    <div class="page-box" page="279">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题十&nbsp;托幼机构的环境卫生</span
@@ -1101,7 +1101,7 @@
      </div>
    </div>
    <!-- 272 -->
    <div class="page-box" page="272">
    <div class="page-box" page="280">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1172,7 +1172,7 @@
      </div>
    </div>
    <!-- 273 -->
    <div class="page-box" page="273">
    <div class="page-box" page="281">
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题十&nbsp;托幼机构的环境卫生</span
@@ -1375,7 +1375,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData('10',testData[10])
    this.$data.questionData = await getQuestionData('10',testData[10],this.config.activeBook)
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter011.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" :num="11">
    <div class="page-box" page="274">
  <div class="chapter" num="12">
    <div class="page-box" page="282">
      <div class="padding-96">
        <p class="center" id="a017">
          <img
@@ -45,7 +45,7 @@
        </p>
      </div>
    </div>
    <div class="page-box" page="275">
    <div class="page-box" page="283">
      <div class="page-header-box">
        <span class="page-header-text" 
          >综合云测试</span
@@ -101,7 +101,7 @@
    };
  },
  async mounted() {
    this.$data.questionData = await getQuestionData('11',testData[11])
    this.$data.questionData = await getQuestionData('11',testData[11],this.config.activeBook)
  },
};
</script>

 src/books/childHealth/view/content/components/chapter012.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="12">
    <div class="page-box" page="276">
  <div class="chapter" num="13">
    <div class="page-box" page="284">
      <div class="padding-96">
        <p class="center" id="a018">
          <img
@@ -51,7 +51,7 @@
      </div>
    </div>
    <!-- 277 -->
    <div class="page-box" page="277">
    <div class="page-box" page="285">
      <div class="page-header-box">
        <span class="page-header-text" 
          >参考文献</span

 src/books/childHealth/view/content/components/chapter013.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="13">
    <div class="page-box" page="278">
  <div class="chapter" num="14">
    <div class="page-box" page="286">
      <div class="padding-96">
        <p class="center" id="a019">
          <img

 src/books/childHealth/view/content/components/header.vue

@@ -1,22 +1,30 @@
<template>
  <div class="chapter" num="0">
  <div class="chapter" num="1">
    <!-- å°é¢ -->
    <div class="page-box cover">
    <div class="page-box cover" page="1">
      <div v-if="showPageList.indexOf(1) > -1">
        <img src="../../../assets/images/Covers.jpg" alt="" />
      </div>
    </div>
    <div class="page-box cover" page="2">
      <div v-if="showPageList.indexOf(2) > -1">
      <img src="../../../assets/images/Cover.jpg" alt="" />
      </div>
    </div>
    <!-- <p class="center">
      <img alt="" class="imz" src="../assets/images/SMY.jpg" />
    </p> -->
    <!-- ç‰ˆæƒé¡µ -->
    <div class="page-box text-center" style="padding: 136px 0" page="-5" >
    <div class="page-box text-center" style="padding: 136px 0" page="3">
      <div v-if="showPageList.indexOf(3) > -1">
      <div class="box">
        <hr class="line" />
        <p class="tl fz-14"><b>图书在版编目（CIP）数据</b></p>
        <p class="tl fz-14 m0" >
          å­¦å‰å„¿ç«¥å«ç”Ÿä¸Žä¿å¥/张兰香，潘秀萍主编.—3版.—北京：北京师范大学出版社，2023.2（2024.2重印）
        </p>
        <p class="tl" style="margin-bottom: 10px;">ISBN 978-7-303-26340-0</p>
        <p class="tl fz-14 m0" style="margin-bottom: 10px;">
          <p class="tl" style="margin-bottom: 10px">ISBN 978-7-303-26340-0</p>
          <p class="tl fz-14 m0" style="margin-bottom: 10px">
          â… .①学… â…¡.①张… â‘¡æ½˜â€¦ â…¢.①学前儿童—卫生保健—幼儿师范学校—教材 â…£.①R179
        </p>
        <p class="tl fz-14">中国版本图书馆CIP数据核字（2020）第179545号</p>
@@ -51,19 +59,22 @@
            <p class="tl fz-14 m0">责任印制：马洁</p>
          </li>
        </ul>
        <p class="center m0" style="margin-top: 20px;font-size:20px;">
          <p class="center m0" style="margin-top: 20px; font-size: 20px">
          <b>版权所有&nbsp;&nbsp;侵权必究</b>
        </p>
        <p class="center m0"><b>反盗版、 ä¾µæƒä¸¾æŠ¥ç”µè¯ï¼š</b>010-58800697</p>
        <p class="block2 m0">北京读者服务部电话：010-58808104</p>
        <p class="block2 m0">外埠邮购电话：010-58808083</p>
        <p class="block2 m0">本书如有印装质量问题， è¯·ä¸Žå°åˆ¶ç®¡ç†éƒ¨è”系调换。</p>
          <p class="block2 m0">
            æœ¬ä¹¦å¦‚有印装质量问题， è¯·ä¸Žå°åˆ¶ç®¡ç†éƒ¨è”系调换。
          </p>
        <p class="block2 m0">印制管理部电话：010-58805079</p>
      </div>
    </div>
    </div>
    <!-- å‰è¨€3 -->
    <div class="page-box page-padding" page="-4">
      <!-- <h1 id="a003" class="front">前言（第3版）</h1> -->
    <div class="page-box page-padding" page="4">
      <div v-if="showPageList.indexOf(4) > -1">
      <div class="tixing">
        <div class="tixing-box"></div>
        <div class="tixing-left">
@@ -83,8 +94,16 @@
        å‚与融媒体资源建设工作的成员除编写教材的四位老师外，还有南京特殊教育师范学院的李会敏、夏宝妹、陈寒昱、王怡悦、叶芊，江阴教师发展中心的支玖红，运城幼儿师
      </p>
    </div>
    <div class="page-box" page="-3">
      <evenHeaderVue :num="2" />
    </div>
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
            <span class="fw-b italic">2</span>
            <span class="ml-30">学前儿童卫生与保健（第3版）</span>
          </div>
        </div>
      <div class="padding-96">
        <p class="lh2 t0">范高等专科学校附属幼儿园的范亚静。</p>
        <p class="lh2 tl-ju">
@@ -96,8 +115,10 @@
        <p class="block1">编者</p>
      </div>
    </div>
    </div>
    <!-- å‰è¨€2 -->
    <div class="page-box page-padding" page="-2">
    <div class="page-box page-padding" page="6">
      <div v-if="showPageList.indexOf(6) > -1">
      <div class="tixing">
        <div class="tixing-box"></div>
        <div class="tixing-left">
@@ -121,8 +142,10 @@
      </p>
      <p class="block1">编者</p>
    </div>
    </div>
    <!-- å‰è¨€1 -->
    <div class="page-box page-padding" page="-1">
    <div class="page-box page-padding" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
      <div class="tixing">
        <div class="tixing-box"></div>
        <div class="tixing-left">
@@ -144,10 +167,17 @@
      <p class="lh2 tl-ju">
        æœ¬æ•™æåœ¨ç¼–写过程中，参阅了国内外大量的文献资料，虽然在参考文献中列出了一部分资料的名称和作者的名字，但由于时间仓促，难免挂一漏万，在此，对所有本教材引用
      </p>

    </div>
    <div class="page-box" page="0">
      <evenHeaderVue :num="2" />
    </div>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
            <span class="fw-b italic">2</span>
            <span class="ml-30">学前儿童卫生与保健（第3版）</span>
          </div>
        </div>
      <div class="padding-96">
        <p class="lh2 t0 tl-ju">
          è¿‡çš„文献资料的作者深表感谢。本教材在编写过程中自始至终得到了北京师范大学出版社的大力支持以及姚贵平老师的悉心指导，在此一并表示衷心的感谢。
@@ -157,16 +187,16 @@
      </p>
      <p class="block1">编者</p>
      </div>
      
      </div>
    </div>
  </div>
</template>

<script>
import evenHeaderVue from '../../components/pageHeader/evenHeader.vue';
import evenHeaderVue from "../../components/pageHeader/evenHeader.vue";
export default {
  name: "page-header",
  components:{evenHeaderVue}
  components: { evenHeaderVue },
};
</script>


 src/books/embedded/assets/images/icon/download.svg

New file
@@ -0,0 +1,7 @@
<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="200" height="200">
  <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>
</svg>

 src/books/embedded/assets/main.less

@@ -372,7 +372,7 @@
    text-align: center;
    text-indent: 0;
    color: #501438;
    margin-top: 4px;
    margin-bottom: 6px;
  }

  /*环绕图片*/
@@ -607,6 +607,16 @@
    background-color: #fff;
  }

  /*图片标题*/
  .table-title {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-indent: 0;
    color: #b03639;
  }

  .wr-md {
    writing-mode: vertical-rl;
  }
@@ -624,6 +634,9 @@
  }
  .ju-bt {
    justify-content: space-between;
  }
  .ju-ev {
    justify-content: space-evenly;
  }
  .al-cn {
    align-items: center;
@@ -725,7 +738,8 @@
  .border-0 {
    border: 0;
  }
  .input-border:focus,.border-0:focus{
  .input-border:focus,
  .border-0:focus {
    outline: none;
  }
  .textarea-table-td {
@@ -739,8 +753,7 @@
    outline: none;
  }
  .table-bc {
    background-color: #d6c6c7
    // #d6c1c6;
    background-color: #d6c6c7 // #d6c1c6;;
  }
  .tl-rg {
    text-align: right;
@@ -759,9 +772,7 @@
  .pr {
    position: relative;
  }
  .padding-96 {
    padding: 0 96px 0px 96px;
  }

  .p-10 {
    padding: 10px 0;
  }
@@ -771,6 +782,9 @@
  .anzhuang-icon {
    width: 30px;
    margin-right: 4px;
  }
  .primary-boder {
    border: 2px solid #501438;
  }
  .border-so {
    border-bottom: 1px solid #501438;
@@ -800,6 +814,19 @@
  table {
    font-size: 14px;
  }
  .svg-btn {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #501438;
    margin-left: 5px;
    border-radius: 4px;
    background-color: #501438;
    fill: #fff;
    &:hover {
      background-color: #fff;
      fill: #501438;
    }
  }
}
body {
  background-color: #e6e6e6;
@@ -811,9 +838,12 @@
    .page-padding {
      padding: 104px 20px;
    }
    // .padding-96 {
    //   padding: 0 20px 0px 20px;
    // }
    .padding-96,
    .padding-87,
    .padding-103,
    .padding-86 {
      padding: 0 20px 0px 20px;
    }
    /* video大小 */
    .video-box {
      max-width: 260px;
@@ -825,7 +855,18 @@
    .page-padding {
      padding: 104px 96px;
    }

    .padding-96 {
      padding: 0 96px 0px 96px;
    }
    .padding-103 {
      padding: 0 103px 0 103px;
    }
    .padding-87 {
      padding: 0px 87px 0px 85px;
    }
    .padding-86 {
      padding: 0 86px 0 84px;
    }
    .video-box {
      max-width: 370px;
    }

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

@@ -1,11 +1,7 @@
<template>
  <div class="chapter" num="1">
    <!-- 1 -->
    <div
      class="page-box fl fl-cl ju-bt al-end"
      page="11"
      style="padding: 0 87px 0 88px"
    >
    <div class="page-box fl fl-cl ju-bt al-end padding-87" page="11">
      <div class="mt-100 w100">
        <!-- <h1>项目一　触摸屏组态介绍</h1> -->
        <img src="../../assets/images/project-one.png" alt="" class="w100" />
@@ -50,7 +46,9 @@
          åµŒå…¥å¼ç»„态软件是一种用于嵌入式系统并带有网络功能的应用软件，嵌入式系统是指可嵌入至某一设备、产品并可连接至网络的带有智能（即微处理器）的设备。例如，在自动取款机（ATM）、办公设备、自动化产品、家用电器、平板电脑、个人数码助理乃至航空电子领域都有广泛应用。嵌入式组态软件分开发系统和运行系统。嵌入式组态软件的开发系统一般运行于具有良好人机界面的Windows操作系统上，而运行系统可基于多种嵌入式操作系统如Windows
          CE，Linux和DOS之上，甚至直接支持特定的CPU。嵌入式系统具有与PC几乎一样的功能，与PC的区别仅仅是将微型操作系统与应用软件嵌入在ROM、RAM与Flash存储器中，而不是存储于磁盘等载体中。
        </p>
        <p class="content">随着后PC时代的到来，在制造业领域更注重使用符合其特定需求并带有智能的嵌入式工业控制组态软件，而嵌入式组态软件特具的按功能剪裁的特性，以及其内嵌的实时多任务操作系统，可保证整个嵌入系统体积小、成本低、实时性高、可靠性高的同时，还方便不具备嵌入式软件开发经验的用户在极短的时间内，使用嵌入式组态软件快速开发完成一个嵌入式系统，并极大地加快了嵌入式产品进入市场的速度，而且使产品具有丰富的人机界面。北京昆仑通态公司MCGS组态软件，通过大力加强对工控硬件产品的驱动支持和提升软件内部功</p>
        <p class="content">
          éšç€åŽPC时代的到来，在制造业领域更注重使用符合其特定需求并带有智能的嵌入式工业控制组态软件，而嵌入式组态软件特具的按功能剪裁的特性，以及其内嵌的实时多任务操作系统，可保证整个嵌入系统体积小、成本低、实时性高、可靠性高的同时，还方便不具备嵌入式软件开发经验的用户在极短的时间内，使用嵌入式组态软件快速开发完成一个嵌入式系统，并极大地加快了嵌入式产品进入市场的速度，而且使产品具有丰富的人机界面。北京昆仑通态公司MCGS组态软件，通过大力加强对工控硬件产品的驱动支持和提升软件内部功
        </p>
      </div>
      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
        <li class="footer-num">1</li>
@@ -71,48 +69,102 @@
                <span class="primary-color">素材</span>
              </li>
              <li class="fl fl-cl al-cn p-10">
                <div>
                <div class="fl al-end">
                  <img
                    src="../../assets/images/icon/rar.png"
                    class="rar-icon"
                  />
                  <img
                  <!-- <img
                    @click="download('工程样例')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  />
                  /> -->
                  <span class="svg-btn" @click="download('工程样例')">
                    <svg
                      t="1716796212460"
                      class="theme-color 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"
                    >
                      <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>
                    </svg>
                  </span>
                </div>
                <div>
                  <span class="rar-text">工程样例.rar</span>
                </div>
              </li>
              <li class="fl fl-cl al-cn p-10">
                <div>
                <div class="fl al-end">
                  <img
                    src="../../assets/images/icon/rar.png"
                    class="rar-icon"
                  />
                  <img
                  <!-- <img
                    @click="download('管控一体样例')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  />
                  /> -->
                  <span class="svg-btn" @click="download('管控一体样例')">
                    <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"
                    >
                      <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>
                    </svg>
                  </span>
                </div>
                <div>
                  <span class="rar-text">管控一体化样例.rar</span>
                </div>
              </li>
              <li class="fl fl-cl al-cn p-10">
                <div>
                <div class="fl al-end">
                  <img
                    src="../../assets/images/icon/rar.png"
                    class="rar-icon"
                  />
                  <img
                  <!-- <img
                    @click="download('嵌_计划曲线样例')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  />
                  /> -->
                  <span class="svg-btn" @click="download('嵌_计划曲线样例')">
                    <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"
                    >
                      <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>
                    </svg>
                  </span>
                </div>
                <div>
                  <span class="rar-text">嵌_计划曲线样例.rar</span>
@@ -151,7 +203,7 @@
      </ul>
    </div>
    <!-- 3 -->
    <div class="page-box fl fl-cl ju-bt al-end " page="13" style="padding:0 86px 0 96px">
    <div class="page-box fl fl-cl ju-bt al-end padding-86" page="13">
      <div>
        <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
          <img src="../../assets/images/header-one.png" alt="" />
@@ -279,8 +331,12 @@
            ï¼ˆ2）TPC7062K外观。TPC7062K正视图如图1-6所示，TPC7062K背视图如图1-7所示。
          </p>
          <p class="content">（3）TPC7062K供电接线。</p>
          <p class="quotation">
            <!-- <img class="s-pic" src="../../assets/images/img00016001.jpg" /> -->
          <p class="quotation primary-boder" style="padding: 4px 0">
            <img
              class="s-pic"
              src="../../assets/images/img00016001.jpg"
              style="width: 50px"
            />
            ä»…限DC 24V！建议电源的输出功率为15W。
          </p>
        </div>
@@ -395,7 +451,7 @@
          <p class="imgdescript">图1-14　TPC7062K与三菱FX系列PLC通信接线</p>
        </div>
        <p class="content">评分表见表1-1。</p>
        <p class="imgtitle">
        <p class="table-title">
          è¡¨1-1　评分表 <i class="el-icon-share cu-pr"></i>
        </p>
        <table border="1" cellpadding="4" cellspacing="0">
@@ -423,7 +479,9 @@
            <td class="table-cn">教师评分</td>
          </tr>
          <tr>
            <td rowspan="4"><div style="width:50px">认识嵌入式组态和触摸屏</div></td>
            <td rowspan="4">
              <div style="width: 50px">认识嵌入式组态和触摸屏</div>
            </td>
            <td>嵌入式组态和触摸屏，20分</td>
            <td>
              <div >
@@ -511,15 +569,38 @@
              <span class="primary-color">安装包</span>
            </li>
            <li class="fl fl-cl al-cn p-10">
              <div>
              <div class="fl al-end">
                <img src="../../assets/images/icon/rar.png" class="rar-icon" />
                <img
                <!-- <img
                  @click="
                    downloadRar('McgsPro 3.3.6.6354 SP1.3 ç»„态软件安装包')
                  "
                  src="../../assets/images/icon/download.png"
                  class="downlod-icon cu-pr"
                />
                /> -->
                <span
                  class="svg-btn"
                  @click="
                    downloadRar('McgsPro 3.3.6.6354 SP1.3 ç»„态软件安装包')
                  "
                >
                  <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"
                  >
                    <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>
                  </svg>
                </span>
              </div>
              <div>
                <span class="rar-text"
@@ -618,7 +699,7 @@
        <!-- å†…容 -->
        <p class="content">评分表见表1-2。</p>
        <div class="qrbodyPic">
          <p class="imgtitle">
          <p class="table-title">
            è¡¨1-2　评分表 <i class="el-icon-share cu-pr"></i>
          </p>
        </div>
@@ -647,7 +728,9 @@
            <td class="table-cn">教师评分</td>
          </tr>
          <tr>
            <td rowspan="4"><div style="width:50px">MCGS嵌入版组态软件安装</div></td>
            <td rowspan="4">
              <div style="width: 50px">MCGS嵌入版组态软件安装</div>
            </td>
            <td>嵌入版组态软件安装，40分</td>
            <td>
              æ‰¾åˆ°ä¼ä¸šç½‘站，下载最新MCGS嵌人式软件并安装:找到工业自动化软件BBS网站，参与讨论
@@ -683,7 +766,7 @@
        </h2>
        <div class="w100 border-so mb-5"></div>
        <div class="w50 rw-border mb-20"></div>
        <div style="width:62%">
        <div class="w100">
          <div>
            <img
              src="../../assets/images/icon/document.png"
@@ -691,18 +774,36 @@
            />
            <span>文本</span>
          </div>
          <ul class="word-resource fl">
          <ul class="word-resource fl ju-ev">
            <li class="fl fl-cl al-cn p08">
              <div>
              <div class="fl al-end">
                <img
                  src="../../assets/images/icon/word.png"
                  class="word-icon"
                />
                <img
                <!-- <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"
                  >
                    <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>
                  </svg>
                </span>
              </div>
              <div>
                <span>初级教程</span>
@@ -712,16 +813,34 @@
              <div class="word-border"></div>
            </li>
            <li class="fl fl-cl al-cn p08">
              <div>
              <div class="fl al-end">
                <img
                  src="../../assets/images/icon/word.png"
                  class="word-icon"
                />
                <img
                <!-- <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"
                  >
                    <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>
                  </svg>
                </span>
              </div>
              <div>
                <span>中级教程</span>
@@ -731,18 +850,35 @@
              <div class="word-border"></div>
            </li>
            <li class="fl fl-cl al-cn p08">
              <div>
              <div class="fl al-end">
                <img
                  src="../../assets/images/icon/word.png"
                  class="word-icon"
                />
                <img
                <!-- <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"
                  >
                    <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>
                  </svg>
                </span>
              </div>

              <div>
                <span>驱动教程</span>
              </div>
@@ -751,16 +887,34 @@
              <div class="word-border"></div>
            </li>
            <li class="fl fl-cl al-cn p08">
              <div>
              <div class="fl al-end">
                <img
                  src="../../assets/images/icon/word.png"
                  class="word-icon"
                />
                <img
                <!-- <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"
                  >
                    <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>
                  </svg>
                </span>
              </div>

              <div>
@@ -786,9 +940,8 @@
          />
          <b>任务描述</b>
        </p>
        <p>触摸屏是新一代高科</p>
        <p class="content">
          æŠ€äººæœºç•Œé¢äº§å“ï¼Œé€‚用于现场控制，可靠性高，编程简单，使用、维护方便。在工艺参数较多又需要人机交互时使用触摸屏，可使整个生产的自动化控制的功能得到大大地加强。本任务学习嵌入式组态软件工程建立、组态、模拟运行和下载到触摸屏的一般过程。
        <p>
          è§¦æ‘¸å±æ˜¯æ–°ä¸€ä»£é«˜ç§‘技人机界面产品，适用于现场控制，可靠性高，编程简单，使用、维护方便。在工艺参数较多又需要人机交互时使用触摸屏，可使整个生产的自动化控制的功能得到大大地加强。本任务学习嵌入式组态软件工程建立、组态、模拟运行和下载到触摸屏的一般过程。
        </p>
        <p class="quotation fl al-cn t0 primary-color">
          <img
@@ -916,7 +1069,11 @@
        </div>

        <div class="qrbodyPic">
          <el-image :src="imgtOne" :preview-src-list="[imgtOne]" class="source-img" />
          <el-image
            :src="imgtOne"
            :preview-src-list="[imgtOne]"
            class="source-img"
          />
          <p class="imgdescript">图1-28　添加指示灯</p>
        </div>
        <div class="fl">
@@ -924,7 +1081,7 @@
            <el-image :src="imgtTwo" :preview-src-list="[imgtTwo]" />
            <p class="imgdescript">图1-29　制作标签</p>
          </div>
          <div>
          <div style="width: 66%">
            <el-image :src="imgtThree" :preview-src-list="[imgtThree]" />
            <p class="imgdescript">图1-30　标签动画组态属性设置</p>
          </div>
@@ -1151,7 +1308,7 @@
        </div>
        <p class="content">功能测试表如表1-3所示，评分表如表1-4所示。</p>
        <div class="qrbodyPic">
          <p class="imgtitle">
          <p class="table-title">
            è¡¨1-3　功能测试表 <i class="el-icon-share cu-pr"></i>
          </p>
        </div>
@@ -1186,11 +1343,11 @@
          </tr>
        </table>
        <div class="qrbodyPic">
          <p class="imgtitle">
          <p class="table-title">
            è¡¨1-4　评分表 <i class="el-icon-share cu-pr"></i>
          </p>
        </div>
        <table border="1" cellpadding="4" cellspacing="0">
        <table border="1" cellpadding="2" cellspacing="0">
          <tr class="table-bc">
            <td class="table-cn" colspan="2">
              è¯„ åˆ† è¡¨<br />
@@ -1215,8 +1372,12 @@
            <td class="table-cn">教师评分</td>
          </tr>
          <tr>
            <td rowspan="5"><div style="width:20px">建立工程和下载工程</div></td>
            <td><div>工作步骤及电路图样，20分</div></td>
            <td rowspan="5">
              <div style="width: 20px; margin: 0 auto; text-align: center">
                å»ºç«‹å·¥ç¨‹å’Œä¸‹è½½å·¥ç¨‹
              </div>
            </td>
            <td class="wh-no">工作步骤及电路图样，20分</td>
            <td>训练步骤:需要的元器件</td>
            <td>
              <textarea class="textarea-table-td"></textarea>
@@ -1252,6 +1413,12 @@
            <td><textarea class="textarea-table-td"></textarea></td>
          </tr>
        </table>
        <div class="tl-rg mt-20">
          å­¦ç”Ÿ:<input style="width: 40px" class="input-border" /> æ•™å¸ˆ:<input
            style="width: 40px"
            class="input-border"
          />日期:<input style="width: 82px" class="input-border" />
        </div>
        <!-- <p class="content mt-20"><b>练习与提高</b></p> -->
        <h2 class="secondTitle primary-color" id="sigil_toc_id_13">
          ç»ƒä¹ ä¸Žæé«˜
@@ -1269,7 +1436,9 @@
            style="width: 95%"
          ></textarea>
        </p>
        <p class="quotation t0">2．是否可以采用U盘下载组态过程？过程步骤如何？</p>
        <p class="quotation t0">
          2．是否可以采用U盘下载组态过程？过程步骤如何？
        </p>
        <p class="question-textaere">
          <textarea
            cols="30"
@@ -1343,7 +1512,9 @@
            style="width: 95%"
          ></textarea>
        </p>
        <p class="quotation t0">8．了解RS-232、RS-485接口性能功能和TCP/IP协议。</p>
        <p class="quotation t0">
          8．了解RS-232、RS-485接口性能功能和TCP/IP协议。
        </p>
        <p class="question-textaere">
          <textarea
            cols="30"
@@ -1354,7 +1525,9 @@
            style="width: 95%"
          ></textarea>
        </p>
        <p class="quotation t0">9．比较触摸屏中的组态工程和手机中的APP的区别。</p>
        <p class="quotation t0">
          9．比较触摸屏中的组态工程和手机中的APP的区别。
        </p>
        <p class="question-textaere">
          <textarea
            cols="30"
@@ -1434,15 +1607,15 @@
  methods: {
    download(type) {
      const path = "/配套学习资源/p2/工程样例/" + type + ".rar";
      window.open(this.config.resourceCtx + path);
      window.open(this.config.activeBook.resourceUrl + path);
    },
    downloadRar(type) {
      const path = "/配套学习资源/p7/" + type + ".rar";
      window.open(this.config.resourceCtx + path);
      window.open(this.config.activeBook.resourceUrl+ path);
    },
    downloadWord(type) {
      const path = "/配套学习资源/p9/教程资源/" + type + ".doc";
      window.open(this.config.resourceCtx + path);
      window.open(this.config.activeBook.resourceUrl + path);
    },
    changeResource(type) {
      if (type == "videoOne") {
@@ -1454,7 +1627,7 @@
</script>
<style scoped lang="less">
p {
  font-family: 'Segoe UI', Arial,"宋体", SimSun, sans-serif !important;
  font-family: "Segoe UI", Arial, "宋体", SimSun, sans-serif !important;
  margin: 0;
  text-align: justify;
}
@@ -1518,5 +1691,4 @@
  text-indent: 0;
  padding-left: 23px;
}

</style>

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

@@ -2,7 +2,7 @@
  <div class="chapter" num="0">
    <!-- å°é¢ -->
    <div class="page-box" page="1">
      <h1 class="frontCover" title="封面">
      <h1 class="frontCover" title="">
        <img alt="封面" src="../../assets/images/device_pad_Frontcover.jpg" class="cover-box w100" />
      </h1>
    </div>
@@ -195,7 +195,7 @@
      <div class="page-heder-img">
        <img src="../../assets/images/qianyan.png" class="mt-100" alt="" />
      </div>
      <div style="padding: 0 103px 0 103px;">
      <div class="padding-103">
        <document>
          <p class="quotation cl-66">
            æœ¬ä¹¦æ˜¯é«˜èŒé™¢æ ¡ä¸ŽåŒ—京昆仑通态自动化软件科技有限公司（以下简称“昆仑通态公司”）合作编写的基于工作过程导向、面向教师和工控行业技术人员、服务于机电和自动化类专业职业能力培养的“十二五”职业教育国家规划教材。

 src/books/lifeCare/index.vue

@@ -52,6 +52,7 @@
import chapter017 from "./view/chapter017";
import chapter018 from "./view/chapter018";
import NoteIcon from "@/assets/images/biji.png";
import drawflow from "@/components/drawflow";
import _ from "lodash";
export default {
  data() {
@@ -147,6 +148,7 @@
    // }, 3000);
  },
  components: {
    drawflow,
    front001,
    ChapterOne,
    ChapterTwo,

 src/components/drawflow/index.vue

New file
@@ -0,0 +1,209 @@
<template>
  <div class="drawflow">
    <div class="menu">
      <div class="menuItem">
        <div
          class="drag-drawflow"
          draggable="true"
          @dragstart="drag"
          data-node="none"
        >
          <span>节点</span>
        </div>
      </div>
    </div>
    <div class="content" id="drawflow" @drop="drop" @dragover="allowDrop"></div>
  </div>
</template>

<script>
import Vue from "vue";
import Drawflow from "drawflow";
import styleDrawflow from "drawflow/dist/drawflow.min.css";
export default {
  data() {
    return {
      editor: null,
      mobile_item_selec: "",
      mobile_last_move: null
    };
  },
  props: {
    importData: {
      type: Object
    }
  },
  mounted() {
    this.init();
  },
  methods: {
    init() {
      this.editor = new Drawflow("drawflow", Vue, this);
      this.editor.reroute = true;
      if (this.importData) {
        // æ¸²æŸ“记录的数据
        this.editor.import(this.importData);
      }

      // äº‹ä»¶ç»‘定
      this.editor.on("nodeCreated", function (id) {
        console.log("Node created " + id);
      });

      this.editor.on("nodeRemoved", function (id) {
        console.log("Node removed " + id);
      });

      this.editor.on("nodeSelected", function (id) {
        console.log("Node selected " + id);
      });

      this.editor.on("moduleCreated", function (name) {
        console.log("Module Created " + name);
      });

      this.editor.on("moduleChanged", function (name) {
        console.log("Module Changed " + name);
      });

      this.editor.on("connectionCreated", function (connection) {
        console.log("Connection created");
        console.log(connection);
      });

      this.editor.on("connectionRemoved", function (connection) {
        console.log("Connection removed");
        console.log(connection);
      });

      this.editor.on("mouseMove", function (position) {
        console.log("Position mouse x:" + position.x + " y:" + position.y);
      });

      this.editor.on("nodeMoved", function (id) {
        console.log("Node moved " + id);
      });

      this.editor.on("zoom", function (zoom) {
        console.log("Zoom level " + zoom);
      });

      this.editor.on("translate", function (position) {
        console.log("Translate x:" + position.x + " y:" + position.y);
      });

      this.editor.on("addReroute", function (id) {
        console.log("Reroute added " + id);
      });

      this.editor.on("removeReroute", function (id) {
        console.log("Reroute removed " + id);
      });
    },
    drop(ev) {
      if (ev.type === "touchend") {
        var parentdrawflow = document
          .elementFromPoint(
            this.mobile_last_move.touches[0].clientX,
            this.mobile_last_move.touches[0].clientY
          )
          .closest("#drawflow");
        if (parentdrawflow != null) {
          this.addNodeToDrawFlow(
            this.mobile_item_selec,
            this.mobile_last_move.touches[0].clientX,
            this.mobile_last_move.touches[0].clientY
          );
        }
        this.mobile_item_selec = "";
      } else {
        ev.preventDefault();
        var data = ev.dataTransfer.getData("node");
        this.addNodeToDrawFlow(data, ev.clientX, ev.clientY);
      }
    },
    positionMobile(ev) {
      this.mobile_last_move = ev;
    },
    drag(ev) {
      console.log(ev, "drag");
      if (ev.type === "touchstart") {
        this.mobile_item_selec = ev.target
          .closest(".drag-drawflow")
          .getAttribute("data-node");
      } else {
        ev.dataTransfer.setData("node", ev.target.getAttribute("data-node"));
      }
    },
    addNodeToDrawFlow(name, pos_x, pos_y) {
      if (this.editor.editor_mode === "fixed") {
        return false;
      }
      pos_x =
        10;
      pos_y =
        10;

      switch (name) {
        case "none":
          var none = `
        <div>
          <div>
            <input df-title />
          </div>
          <div>
          <textarea df-content></textarea>
        </div>
        </div>
        `;
          this.editor.addNode(
            "none",
            1,
            1,
            pos_x,
            pos_y,
            "none",
            {
              title: "",
              content: ""
            },
            none
          );
          break;
      }
    },
    allowDrop(ev) {
      ev.preventDefault();
    }
  }
};
</script>

<style scoped>
.drawflow {
  width: 100%;
  height: 100%;
  display: flex;
  border: 1px solid #ccc;
  background: #fff;
}
.menu {
  width: 160px;
  border-right: 1px solid #ccc;
}
.menuItem {
  border-bottom: 1px solid #ccc;
}
.drag-drawflow {
  padding: 10px 20px;
  cursor: move;
  user-select: none;
}
.content {
  flex: 1;
  overflow: hidden;
  background-size: 25px 25px;
  background-image: linear-gradient(to right, #f1f1f1 1px, transparent 1px),
    linear-gradient(to bottom, #f1f1f1 1px, transparent 1px);
}
</style>

 yarn.lock

Diff too large