合并

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,191 +1418,252 @@
          </div>
          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <p class="center">
                <el-image :src="imgSeven" :preview-src-list="[imgSeven]" />
              </p>
              <p class="center">
                1.
                <select v-model="dropdownData.one.value">
                  <option
                    v-for="(item, index) in dropDownList"
                    :key="index"
                    :value="item"
                  >
                    {{ item }}
                  </option>
                </select>
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="dropdownData.one.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="dropdownData.one.isRight == false"
                  ></i>
                </span>
              <div>
                <p class="center">
                  <el-image :src="imgSeven" :preview-src-list="[imgSeven]" />
                </p>
                <p class="center">
                  1.
                  <select v-model="dropdownData.one.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.one.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.one.isRight == false"
                    ></i>
                  </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%">
              <p class="center">
                <el-image
                  :src="imgEnight"
                  :preview-src-list="[imgEnight]"
                  style="width: 98%"
                />
              </p>
              <p class="center">
                2.
                <select v-model="dropdownData.two.value">
                  <option
                    v-for="(item, index) in dropDownList"
                    :key="index"
                    :value="item"
                  >
                    {{ item }}
                  </option>
                </select>
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="dropdownData.two.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="dropdownData.two.isRight == false"
                  ></i>
                </span>
              <div>
                <p class="center">
                  <el-image
                    :src="imgEnight"
                    :preview-src-list="[imgEnight]"
                    style="width: 98%"
                  />
                </p>
                <p class="center">
                  2.
                  <select v-model="dropdownData.two.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.two.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.two.isRight == false"
                    ></i>
                  </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%">
              <p class="center">
                <el-image :src="imgNine" :preview-src-list="[imgNine]" />
              </p>
              <p class="center">
                3.
                <select v-model="dropdownData.three.value">
                  <option
                    v-for="(item, index) in dropDownList"
                    :key="index"
                    :value="item"
                  >
                    {{ item }}
                  </option>
                </select>
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="dropdownData.three.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="dropdownData.three.isRight == false"
                  ></i>
                </span>
              <div>
                <p class="center">
                  <el-image :src="imgNine" :preview-src-list="[imgNine]" />
                </p>
                <p class="center">
                  3.
                  <select v-model="dropdownData.three.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.three.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.three.isRight == false"
                    ></i>
                  </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%">
              <p class="center">
                <el-image
                  :src="imgTen"
                  :preview-src-list="[imgTen]"
                  style="width: 94%"
                />
              </p>
              <p class="center">
                4.
                <select v-model="dropdownData.four.value">
                  <option
                    v-for="(item, index) in dropDownList"
                    :key="index"
                    :value="item"
                  >
                    {{ item }}
                  </option>
                </select>
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="dropdownData.four.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="dropdownData.four.isRight == false"
                  ></i>
                </span>
              <div>
                <p class="center">
                  <el-image
                    :src="imgTen"
                    :preview-src-list="[imgTen]"
                    style="width: 94%"
                  />
                </p>
                <p class="center">
                  4.
                  <select v-model="dropdownData.four.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.four.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.four.isRight == false"
                    ></i>
                  </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%">
              <p class="center">
                <el-image :src="imgEleven" :preview-src-list="[imgEleven]" />
              </p>
              <p class="center">
                5.
                <select v-model="dropdownData.five.value">
                  <option
                    v-for="(item, index) in dropDownList"
                    :key="index"
                    :value="item"
                  >
                    {{ item }}
                  </option>
                </select>
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="dropdownData.five.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="dropdownData.five.isRight == false"
                  ></i>
                </span>
              <div>
                <p class="center">
                  <el-image :src="imgEleven" :preview-src-list="[imgEleven]" />
                </p>
                <p class="center">
                  5.
                  <select v-model="dropdownData.five.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.five.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.five.isRight == false"
                    ></i>
                  </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%">
              <p class="center">
                <el-image
                  :src="imgTwelve"
                  :preview-src-list="[imgTwelve]"
                  style="width: 98%"
                />
              </p>
              <p class="center">
                6.
                <select v-model="dropdownData.six.value">
                  <option
                    v-for="(item, index) in dropDownList"
                    :key="index"
                    :value="item"
                  >
                    {{ item }}
                  </option>
                </select>
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="dropdownData.six.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="dropdownData.six.isRight == false"
                  ></i>
                </span>
              <div>
                <p class="center">
                  <el-image
                    :src="imgTwelve"
                    :preview-src-list="[imgTwelve]"
                    style="width: 98%"
                  />
                </p>
                <p class="center">
                  6.
                  <select v-model="dropdownData.six.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.six.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.six.isRight == false"
                    ></i>
                  </span>
                </p>
              </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                ç­”案：facial recognition
              </p>
            </div>
          </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 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: {
@@ -1672,8 +1839,35 @@
          answer: "facial recognition",
        },
      },
      pptList:[
      ]
      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,7 +297,7 @@
      </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
@@ -342,49 +342,88 @@
            <p class="img">视频：学前儿童身高的测量</p>
          </div>
        </div>
        <p class="t0">～7.5厘米。1岁以后平均身高估算公式如下。</p>
        <p>身高＝年龄（岁）×7+70（厘米）</p>
        <p>
          èº«é«˜å—种族、遗传和环境的影响较明显，受营养的短期影响不明显，但与长期营养状况有关。
        </p>
        <p>
          3岁以下儿童可用量床测量身长。量床的使用方法为儿童取仰卧位，脱去鞋袜，卧于量床底板中线上，测量者扶住儿童头部，使儿童面向上，两耳在同一水平线上，颅顶接触头板。另一测量者位于儿童右侧，左手握住双膝，使腿伸直并紧贴量床床板，右手移动足板，使足板接触两侧足跟。读取量床上的刻度，以厘米为单位，记录至小数点后一位数即为身长。
        </p>
        <p>
          3岁以上儿童用身高计测量身高。在使用身高计测量时，受测儿童脱去鞋帽，取立正姿势站在身高计的底板上，头部保持正直，两眼平视前方，胸部稍挺起，两臂自然下垂，手指并拢，脚跟靠拢，足尖分开，足跟、臀部、两肩胛间三点同时靠在身高计的垂直立柱上，然后测量。测量者将滑侧板轻轻移动，直至接触受测儿童头顶，读立柱上数字，误差不得超过0.1厘米。
        </p>

        <div class="fl fl-around">
          <div class="left" style="width: 38%">
            <p>
              æŸäº›ç”Ÿé•¿å‘育指标在一天内变化较大，例如，身高在早晨是最高的，儿童经过一天的活动，受到椎间盘的重力性压缩、脊柱弯曲加大、足弓变平等因素影响，到傍晚时降低1～2厘米。因此追踪调查时，个体儿童的前后测量时间应相对固定。
            </p>
        <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="right" style="width: 60%">
            <video
              :src="pathThree"
              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>
          <p class="t0">～7.5厘米。1岁以后平均身高估算公式如下。</p>
          <p>身高＝年龄（岁）×7+70（厘米）</p>
          <p>
            èº«é«˜å—种族、遗传和环境的影响较明显，受营养的短期影响不明显，但与长期营养状况有关。
          </p>
          <p>
            3岁以下儿童可用量床测量身长。量床的使用方法为儿童取仰卧位，脱去鞋袜，卧于量床底板中线上，测量者扶住儿童头部，使儿童面向上，两耳在同一水平线上，颅顶接触头板。另一测量者位于儿童右侧，左手握住双膝，使腿伸直并紧贴量床床板，右手移动足板，使足板接触两侧足跟。读取量床上的刻度，以厘米为单位，记录至小数点后一位数即为身长。
          </p>
          <p>
            3岁以上儿童用身高计测量身高。在使用身高计测量时，受测儿童脱去鞋帽，取立正姿势站在身高计的底板上，头部保持正直，两眼平视前方，胸部稍挺起，两臂自然下垂，手指并拢，脚跟靠拢，足尖分开，足跟、臀部、两肩胛间三点同时靠在身高计的垂直立柱上，然后测量。测量者将滑侧板轻轻移动，直至接触受测儿童头顶，读立柱上数字，误差不得超过0.1厘米。
          </p>
  
          <div class="fl fl-around">
            <div class="left" style="width: 38%">
              <p>
                æŸäº›ç”Ÿé•¿å‘育指标在一天内变化较大，例如，身高在早晨是最高的，儿童经过一天的活动，受到椎间盘的重力性压缩、脊柱弯曲加大、足弓变平等因素影响，到傍晚时降低1～2厘米。因此追踪调查时，个体儿童的前后测量时间应相对固定。
              </p>
            </div>
            <div class="right" style="width: 60%">
              <video
                :src="pathThree"
                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>
          <p>（3）头围</p>
          <p>头围反映脑和颅骨的发育程度。</p>
          <p>
            å› èƒŽå„¿è„‘的发育在全身处于领先地位，故出生时头相对较大。新生儿头围平均为34厘
          </p>
        </div>
        <p>（3）头围</p>
        <p>头围反映脑和颅骨的发育程度。</p>
        <p>
          å› èƒŽå„¿è„‘的发育在全身处于领先地位，故出生时头相对较大。新生儿头围平均为34厘
        </p>
      </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

Diff too large

 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,172 +1,202 @@
<template>
  <div class="chapter" num="0">
  <div class="chapter" num="1">
    <!-- å°é¢ -->
    <div class="page-box cover">
      <img src="../../../assets/images/Cover.jpg" alt="" />
    <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="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;">
          â… .①学… â…¡.①张… â‘¡æ½˜â€¦ â…¢.①学前儿童—卫生保健—幼儿师范学校—教材 â…£.①R179
        </p>
        <p class="tl fz-14">中国版本图书馆CIP数据核字（2020）第179545号</p>
        <hr class="line" style="height: 1px" />
        <p class="tl fz-14 m0" style="margin-top: 136px">
          <b>教材意见反馈：gaozhifk@bnupg.com 010-58805079</b>
        </p>
        <p class="tl fz-14 m0">营销中心电话：010-58802755 58800035</p>
        <p class="tl fz-14 m0">编辑部电话：010-58802883</p>
        <hr class="line" style="height: 1px" />
        <p class="tl fz-14 m0">出版发行：北京师范大学出版社 www.bnupg.com</p>
        <p class="tl fz-14 m0">　　　　　北京市西城区新街口外大街12-3号</p>
        <p class="tl fz-14 m0">　　　　　邮政编码：100088</p>
        <p class="tl fz-14 m0">印　　刷：天津旭非印刷有限公司</p>
        <p class="tl fz-14 m0">经　　销：全国新华书店</p>
        <p class="tl fz-14 m0">开　　本：889mm×1194mm 1/16</p>
        <p class="tl fz-14 m0">印　　张：18.25</p>
        <p class="tl fz-14 m0">字　　数：373千字</p>
        <p class="tl fz-14 m0">版　　次：2023å¹´2月第3版</p>
        <p class="tl fz-14 m0">印　　次：2024å¹´2月第23次印刷</p>
        <p class="tl fz-14 m0">定　　价：39.80元</p>
        <hr class="line" />
        <ul class="fl fl-between m0" style="padding: 0">
          <li>
            <p class="tl fz-14 m0">策划编辑：姚贵平</p>
            <p class="tl fz-14 m0">美术编辑：焦丽</p>
            <p class="tl fz-14 m0">责任校对：陈民</p>
          </li>
          <li>
            <p class="tl fz-14 m0">责任编辑：周鹏</p>
            <p class="tl fz-14 m0">装帧设计：焦丽</p>
            <p class="tl fz-14 m0">责任印制：马洁</p>
          </li>
        </ul>
        <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">印制管理部电话：010-58805079</p>
    <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">
            â… .①学… â…¡.①张… â‘¡æ½˜â€¦ â…¢.①学前儿童—卫生保健—幼儿师范学校—教材 â…£.①R179
          </p>
          <p class="tl fz-14">中国版本图书馆CIP数据核字（2020）第179545号</p>
          <hr class="line" style="height: 1px" />
          <p class="tl fz-14 m0" style="margin-top: 136px">
            <b>教材意见反馈：gaozhifk@bnupg.com 010-58805079</b>
          </p>
          <p class="tl fz-14 m0">营销中心电话：010-58802755 58800035</p>
          <p class="tl fz-14 m0">编辑部电话：010-58802883</p>
          <hr class="line" style="height: 1px" />
          <p class="tl fz-14 m0">出版发行：北京师范大学出版社 www.bnupg.com</p>
          <p class="tl fz-14 m0">　　　　　北京市西城区新街口外大街12-3号</p>
          <p class="tl fz-14 m0">　　　　　邮政编码：100088</p>
          <p class="tl fz-14 m0">印　　刷：天津旭非印刷有限公司</p>
          <p class="tl fz-14 m0">经　　销：全国新华书店</p>
          <p class="tl fz-14 m0">开　　本：889mm×1194mm 1/16</p>
          <p class="tl fz-14 m0">印　　张：18.25</p>
          <p class="tl fz-14 m0">字　　数：373千字</p>
          <p class="tl fz-14 m0">版　　次：2023å¹´2月第3版</p>
          <p class="tl fz-14 m0">印　　次：2024å¹´2月第23次印刷</p>
          <p class="tl fz-14 m0">定　　价：39.80元</p>
          <hr class="line" />
          <ul class="fl fl-between m0" style="padding: 0">
            <li>
              <p class="tl fz-14 m0">策划编辑：姚贵平</p>
              <p class="tl fz-14 m0">美术编辑：焦丽</p>
              <p class="tl fz-14 m0">责任校对：陈民</p>
            </li>
            <li>
              <p class="tl fz-14 m0">责任编辑：周鹏</p>
              <p class="tl fz-14 m0">装帧设计：焦丽</p>
              <p class="tl fz-14 m0">责任印制：马洁</p>
            </li>
          </ul>
          <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">印制管理部电话：010-58805079</p>
        </div>
      </div>
    </div>
    <!-- å‰è¨€3 -->
    <div class="page-box page-padding" page="-4">
      <!-- <h1 id="a003" class="front">前言（第3版）</h1> -->
      <div class="tixing">
        <div class="tixing-box"></div>
        <div class="tixing-left">
          <span class="tixing-text preface-text wh-no">前言（第3版）</span>
    <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">
            <span class="tixing-text preface-text wh-no">前言（第3版）</span>
          </div>
        </div>
      </div>
      <p class="lh2 tl-ju">
        ä¸ºäº†é€‚应学前教育的改革与发展，贯彻习近平提出的“形成适应中国特色社会主义发展要求、立足国际学术前沿”的教材体系建设要求，本次教材修订以《幼儿园工作规程》《幼儿园教育指导纲要（试行）》《幼儿园教师专业标准（试行）》和《3～6岁儿童学习与发展指南》中关于幼儿教师职业必备的职业精神、专业知识和专业技能为准绳，结合当前国家对幼儿教师教育课程改革提出的新思路、新要求，吸收国内外学前儿童卫生与保健方面的先进理念和前沿成果，注重以“儿童为本”的保教理念与保教能力的培养，以此确保学习效果和质量。将让每个儿童都享有公平而有质量的教育要求尽快落到实处。
      </p>
      <p class="lh2 tl-ju">
        æœ¬æ¬¡ä¿®è®¢åšæŒä»¥ä¹ è¿‘平新时代中国特色社会主义思想和党的二十大精神为指导，全面落实立德树人根本任务，在教材内容的设计上，从幼儿保育、学前教育等专业培养高级应用型人才的需求角度出发，结合学前儿童卫生与保健的学科特性，基本保持原有的整体框架，删减了原教材中比较陈旧的内容，引进了理论界和实践界的前沿内容。在本次修订中，我们更加突出思政元素及产教融合、岗课赛证融通的理念，充分考虑了托儿所、幼儿园的特征，结合“1+X”证书和技能大赛的要求以及幼儿园教师资格考试的需要，在系统阐述学前儿童卫生与保健的理论知识和技能体系的同时，密切联系行业发展的动态，增加了实验操作、学习案例及现代生活带来的新的卫生要求内容。此外，我们还增加了与文本教材相配套的融合媒体资源，主要包括相应的教学大纲、教案、支持翻转课堂实施的自主学习任务单、重点知识点讲解的视频和音频、测验题、思考题等。修订后的教材，既有助于学生自主学习，也有助于教师指导学生学习；既能提升课堂学习的效率，又能确保学生学习的质量。
      </p>
      <p class="lh2 tl-ju">
        æœ¬æ¬¡ä¿®è®¢ç”±å¼ å…°é¦™å’Œæ½˜ç§€èæ‹…任主编。编写组成员如下：李海芸（专题一、专题二），张兰香（专题三、专题六、专题九），江琳（专题四、专题五、专题十），潘秀萍（专题七、专题八）。全书由张兰香负责统稿。
      </p>
      <p class="lh2 tl-ju">
        å‚与融媒体资源建设工作的成员除编写教材的四位老师外，还有南京特殊教育师范学院的李会敏、夏宝妹、陈寒昱、王怡悦、叶芊，江阴教师发展中心的支玖红，运城幼儿师
      </p>
    </div>
    <div class="page-box" page="-3">
      <evenHeaderVue :num="2" />
      <div class="padding-96">
        <p class="lh2 t0">范高等专科学校附属幼儿园的范亚静。</p>
        <p class="lh2 tl-ju">
          æœ¬æ•™æåœ¨ç¼–写过程中参阅了国内外大量文献资料，虽然在参考文献中列出了一部分资料的名称和作者的名字，但难免挂一漏万，在此，对本教材所有引用过的文献资料的作者深表感谢。
          ä¸ºäº†é€‚应学前教育的改革与发展，贯彻习近平提出的“形成适应中国特色社会主义发展要求、立足国际学术前沿”的教材体系建设要求，本次教材修订以《幼儿园工作规程》《幼儿园教育指导纲要（试行）》《幼儿园教师专业标准（试行）》和《3～6岁儿童学习与发展指南》中关于幼儿教师职业必备的职业精神、专业知识和专业技能为准绳，结合当前国家对幼儿教师教育课程改革提出的新思路、新要求，吸收国内外学前儿童卫生与保健方面的先进理念和前沿成果，注重以“儿童为本”的保教理念与保教能力的培养，以此确保学习效果和质量。将让每个儿童都享有公平而有质量的教育要求尽快落到实处。
        </p>
        <p class="lh2 tl-ju">
          ç”±äºŽç¼–者水平有限，书中难免有错漏和不当之处，敬请广大读者批评指正，多提宝贵意见（请发邮件到yaoguiping@126.com），以便再版时完善。
          æœ¬æ¬¡ä¿®è®¢åšæŒä»¥ä¹ è¿‘平新时代中国特色社会主义思想和党的二十大精神为指导，全面落实立德树人根本任务，在教材内容的设计上，从幼儿保育、学前教育等专业培养高级应用型人才的需求角度出发，结合学前儿童卫生与保健的学科特性，基本保持原有的整体框架，删减了原教材中比较陈旧的内容，引进了理论界和实践界的前沿内容。在本次修订中，我们更加突出思政元素及产教融合、岗课赛证融通的理念，充分考虑了托儿所、幼儿园的特征，结合“1+X”证书和技能大赛的要求以及幼儿园教师资格考试的需要，在系统阐述学前儿童卫生与保健的理论知识和技能体系的同时，密切联系行业发展的动态，增加了实验操作、学习案例及现代生活带来的新的卫生要求内容。此外，我们还增加了与文本教材相配套的融合媒体资源，主要包括相应的教学大纲、教案、支持翻转课堂实施的自主学习任务单、重点知识点讲解的视频和音频、测验题、思考题等。修订后的教材，既有助于学生自主学习，也有助于教师指导学生学习；既能提升课堂学习的效率，又能确保学生学习的质量。
        </p>
        <p class="lh2 tl-ju">
          æœ¬æ¬¡ä¿®è®¢ç”±å¼ å…°é¦™å’Œæ½˜ç§€èæ‹…任主编。编写组成员如下：李海芸（专题一、专题二），张兰香（专题三、专题六、专题九），江琳（专题四、专题五、专题十），潘秀萍（专题七、专题八）。全书由张兰香负责统稿。
        </p>
        <p class="lh2 tl-ju">
          å‚与融媒体资源建设工作的成员除编写教材的四位老师外，还有南京特殊教育师范学院的李会敏、夏宝妹、陈寒昱、王怡悦、叶芊，江阴教师发展中心的支玖红，运城幼儿师
        </p>
      </div>
    </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">
            æœ¬æ•™æåœ¨ç¼–写过程中参阅了国内外大量文献资料，虽然在参考文献中列出了一部分资料的名称和作者的名字，但难免挂一漏万，在此，对本教材所有引用过的文献资料的作者深表感谢。
          </p>
          <p class="lh2 tl-ju">
            ç”±äºŽç¼–者水平有限，书中难免有错漏和不当之处，敬请广大读者批评指正，多提宝贵意见（请发邮件到yaoguiping@126.com），以便再版时完善。
          </p>
          <p class="block1">编者</p>
        </div>
      </div>
    </div>
    <!-- å‰è¨€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">
            <span class="tixing-text preface-text wh-no">前言（第2版）</span>
          </div>
        </div>
        <p class="lh2 tl-ju">
          å­¦å‰å„¿ç«¥å«ç”Ÿä¸Žä¿å¥ä¸€ç›´æ˜¯å­¦å‰æ•™è‚²ä¸“业的核心课程，在完成学前教育专业人才培养目标中起着核心作用，它必须准确、及时地承载富有时代精神的终身教育理念和以人为本的教育追求，与其他学科一起承担培养适应21世纪教育发展需要的高素质幼儿教师的重任。
        </p>
        <p class="lh2 tl-ju">
          è¿‘年来，我国政府高度重视学前教育事业的发展，为进一步提高学前教育的质量，教育部陆续颁布了《教育部关于规范幼儿园保育教育工作，防止和纠正“小学化”现象的通知》《幼儿园教师专业标准（试行）》《3～6岁儿童学习与发展指南》等一系列政策措施，以此来确保学前教育师资队伍的质量和规范幼儿园的保教实践活动。为了更好地贯彻落实这些文件的精神，编者对2011年出版的《学前儿童卫生与保健》的部分内容进行了修订。在修订时，编者从学前教育专业高级应用型人才的职业需求出发，结合本学科特性，基本保持原来的整体框架，删减了原教材中比较陈旧的内容，引进了理论和实践的前沿成果，插入了大量的图片，增加了实验操作、教学案例及现代生活带来的新的卫生要求内容。修订后的教材，更注意理论联系实际和学生分析问题、解决问题能力的培养，图文并茂，增强了学生学习的趣味性。另外，为配合幼儿园教师资格考试，我们还编写了与本教材配套的学生用书《学习指导与能力训练》，为学生自学和复习提供帮助。
        </p>
        <p class="lh2 tl-ju">
          æœ¬æ•™æç”±å¼ å…°é¦™å’Œæ½˜ç§€èæ‹…任主编。编写组成员包括李海芸（第一、第二单元），张兰香（第三、第六、第九单元），江琳（第四、第五、第十单元），潘秀萍（第七、第八单元），全书由张兰香负责统稿。另外，感谢张恩军老师对本教材的审校，尤其是对第一单元进行了细致、严谨的修改。
        </p>
        <p class="lh2 tl-ju">
          æœ¬æ•™æåœ¨ç¼–写过程中参阅了国内外大量的文献资料，虽然在参考文献中列出了一部分资料的名称和作者的名字，但难免挂一漏万，在此，对所有本教材引用过的文献资料的作者深表感谢。
        </p>
        <p class="lh2 tl-ju">
          ç”±äºŽç¼–者水平有限，书中难免有错误、缺漏和不当之处，敬请广大读者批评指正，多提宝贵意见，以便重印时改正。
        </p>
        <p class="block1">编者</p>
      </div>
    </div>
    <!-- å‰è¨€2 -->
    <div class="page-box page-padding" page="-2">
      <div class="tixing">
        <div class="tixing-box"></div>
        <div class="tixing-left">
          <span class="tixing-text preface-text wh-no">前言（第2版）</span>
        </div>
      </div>
      <p class="lh2 tl-ju" >
        å­¦å‰å„¿ç«¥å«ç”Ÿä¸Žä¿å¥ä¸€ç›´æ˜¯å­¦å‰æ•™è‚²ä¸“业的核心课程，在完成学前教育专业人才培养目标中起着核心作用，它必须准确、及时地承载富有时代精神的终身教育理念和以人为本的教育追求，与其他学科一起承担培养适应21世纪教育发展需要的高素质幼儿教师的重任。
      </p>
      <p class="lh2 tl-ju" >
        è¿‘年来，我国政府高度重视学前教育事业的发展，为进一步提高学前教育的质量，教育部陆续颁布了《教育部关于规范幼儿园保育教育工作，防止和纠正“小学化”现象的通知》《幼儿园教师专业标准（试行）》《3～6岁儿童学习与发展指南》等一系列政策措施，以此来确保学前教育师资队伍的质量和规范幼儿园的保教实践活动。为了更好地贯彻落实这些文件的精神，编者对2011年出版的《学前儿童卫生与保健》的部分内容进行了修订。在修订时，编者从学前教育专业高级应用型人才的职业需求出发，结合本学科特性，基本保持原来的整体框架，删减了原教材中比较陈旧的内容，引进了理论和实践的前沿成果，插入了大量的图片，增加了实验操作、教学案例及现代生活带来的新的卫生要求内容。修订后的教材，更注意理论联系实际和学生分析问题、解决问题能力的培养，图文并茂，增强了学生学习的趣味性。另外，为配合幼儿园教师资格考试，我们还编写了与本教材配套的学生用书《学习指导与能力训练》，为学生自学和复习提供帮助。
      </p>
      <p class="lh2 tl-ju">
        æœ¬æ•™æç”±å¼ å…°é¦™å’Œæ½˜ç§€èæ‹…任主编。编写组成员包括李海芸（第一、第二单元），张兰香（第三、第六、第九单元），江琳（第四、第五、第十单元），潘秀萍（第七、第八单元），全书由张兰香负责统稿。另外，感谢张恩军老师对本教材的审校，尤其是对第一单元进行了细致、严谨的修改。
      </p>
      <p class="lh2 tl-ju">
        æœ¬æ•™æåœ¨ç¼–写过程中参阅了国内外大量的文献资料，虽然在参考文献中列出了一部分资料的名称和作者的名字，但难免挂一漏万，在此，对所有本教材引用过的文献资料的作者深表感谢。
      </p>
      <p class="lh2 tl-ju">
        ç”±äºŽç¼–者水平有限，书中难免有错误、缺漏和不当之处，敬请广大读者批评指正，多提宝贵意见，以便重印时改正。
      </p>
      <p class="block1">编者</p>
    </div>
    <!-- å‰è¨€1 -->
    <div class="page-box page-padding" page="-1">
      <div class="tixing">
        <div class="tixing-box"></div>
        <div class="tixing-left">
          <span class="tixing-text preface-text wh-no">前言（第1版）</span>
    <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">
            <span class="tixing-text preface-text wh-no">前言（第1版）</span>
          </div>
        </div>
      </div>
      <p class="lh2 tl-ju">
        ä¸ºæ›´å¥½åœ°è½å®žã€Šå›½å®¶ä¸­é•¿æœŸæ•™è‚²æ”¹é©å’Œå‘展规划纲要（2010—2020年）》，加快学前教育事业的发展步伐，提高学前教育的质量，我们根据教育部颁布的《幼儿园教育指导纲要（试行）》《教育部关于加强高职高专教育人才培养工作的意见》等精神，以全面提高学生的科学素养为宗旨，以培养学生的创新精神和实践能力为重点，以促进学生转变学习方式——变被动接受式学习为主动探究式学习为突破口，编写了这本《学前儿童卫生与保健》教材。
      </p>
      <p class="lh2 tl-ju">
        æœ¬æ•™æä»¥çŽ°ä»£å„¿ç«¥å¿ƒç†ç§‘学、现代儿童教育理论、现代儿童生理卫生科学、保健学和儿科医学为先导，立足科学性与先进性，密切结合托儿所、幼儿园的实践，系统地阐述了学前儿童（零至六七岁）卫生与保健的基本知识与技能，注重教中有保，保中有教，保教结合，保教并重，有较强的应用性。
      </p>
      <p class="lh2 tl-ju">
        æœ¬æ•™æç¼–写体例较为新颖。全书共分十个单元，每个单元的开头都设有学习目标和关键词，提醒学生掌握本单元学习的重要内容和概念；每个单元的结尾设有小结、回顾与反思及应用与探讨，是根据各单元的主要分支来组织的，小结可以让学生快速回顾本单元的主要内容，回顾与反思能让学生进一步巩固所学知识，应用与探讨旨在激发学生思考、探索、讨论，从而更深入地理解该单元的基本理论知识，掌握基本的技能。书中每个单元又分为若干课，每课的开头设有“本课导学”，可以为学生提供本课内容的预览；每课正文还穿插有“资料链接”和“拓展延伸”，其主要目的是开阔学生视野，增进对所学知识的理解。
      </p>
      <p class="lh2 tl-ju">
        æœ¬æ•™æç”±å¼ å…°é¦™ã€æ½˜ç§€èä¸»ç¼–，集体编写完成。各单元编写分工如下：第一单元、第二单元由李海芸编写，第三单元、第六单元由张兰香编写，第四单元、第五单元、第十单元由江琳编写，第七单元、第八单元由潘秀萍编写，第九单元由梅笑漫编写，全书由张兰香负责统稿。
      </p>
      <p class="lh2 tl-ju">
        æœ¬æ•™æåœ¨ç¼–写过程中，参阅了国内外大量的文献资料，虽然在参考文献中列出了一部分资料的名称和作者的名字，但由于时间仓促，难免挂一漏万，在此，对所有本教材引用
      </p>

    </div>
    <div class="page-box" page="0">
      <evenHeaderVue :num="2" />
      <div class="padding-96">
        <p class="lh2 t0 tl-ju">
          è¿‡çš„文献资料的作者深表感谢。本教材在编写过程中自始至终得到了北京师范大学出版社的大力支持以及姚贵平老师的悉心指导，在此一并表示衷心的感谢。
        <p class="lh2 tl-ju">
          ä¸ºæ›´å¥½åœ°è½å®žã€Šå›½å®¶ä¸­é•¿æœŸæ•™è‚²æ”¹é©å’Œå‘展规划纲要（2010—2020年）》，加快学前教育事业的发展步伐，提高学前教育的质量，我们根据教育部颁布的《幼儿园教育指导纲要（试行）》《教育部关于加强高职高专教育人才培养工作的意见》等精神，以全面提高学生的科学素养为宗旨，以培养学生的创新精神和实践能力为重点，以促进学生转变学习方式——变被动接受式学习为主动探究式学习为突破口，编写了这本《学前儿童卫生与保健》教材。
        </p>
        <p class="lh2 tl-ju">
        â€œå­¦å‰å„¿ç«¥å«ç”Ÿä¸Žä¿å¥â€è¯¾ç¨‹ç»¼åˆæ€§å¼ºï¼ŒçŸ¥è¯†å†…容跨度大，由于编者水平有限，书中难免有错误、缺漏和不当之处，敬请广大读者批评指正，多提宝贵意见。
      </p>
      <p class="block1">编者</p>
          æœ¬æ•™æä»¥çŽ°ä»£å„¿ç«¥å¿ƒç†ç§‘学、现代儿童教育理论、现代儿童生理卫生科学、保健学和儿科医学为先导，立足科学性与先进性，密切结合托儿所、幼儿园的实践，系统地阐述了学前儿童（零至六七岁）卫生与保健的基本知识与技能，注重教中有保，保中有教，保教结合，保教并重，有较强的应用性。
        </p>
        <p class="lh2 tl-ju">
          æœ¬æ•™æç¼–写体例较为新颖。全书共分十个单元，每个单元的开头都设有学习目标和关键词，提醒学生掌握本单元学习的重要内容和概念；每个单元的结尾设有小结、回顾与反思及应用与探讨，是根据各单元的主要分支来组织的，小结可以让学生快速回顾本单元的主要内容，回顾与反思能让学生进一步巩固所学知识，应用与探讨旨在激发学生思考、探索、讨论，从而更深入地理解该单元的基本理论知识，掌握基本的技能。书中每个单元又分为若干课，每课的开头设有“本课导学”，可以为学生提供本课内容的预览；每课正文还穿插有“资料链接”和“拓展延伸”，其主要目的是开阔学生视野，增进对所学知识的理解。
        </p>
        <p class="lh2 tl-ju">
          æœ¬æ•™æç”±å¼ å…°é¦™ã€æ½˜ç§€èä¸»ç¼–，集体编写完成。各单元编写分工如下：第一单元、第二单元由李海芸编写，第三单元、第六单元由张兰香编写，第四单元、第五单元、第十单元由江琳编写，第七单元、第八单元由潘秀萍编写，第九单元由梅笑漫编写，全书由张兰香负责统稿。
        </p>
        <p class="lh2 tl-ju">
          æœ¬æ•™æåœ¨ç¼–写过程中，参阅了国内外大量的文献资料，虽然在参考文献中列出了一部分资料的名称和作者的名字，但由于时间仓促，难免挂一漏万，在此，对所有本教材引用
        </p>
      </div>
      
    </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">
            è¿‡çš„文献资料的作者深表感谢。本教材在编写过程中自始至终得到了北京师范大学出版社的大力支持以及姚贵平老师的悉心指导，在此一并表示衷心的感谢。
          </p>
          <p class="lh2 tl-ju">
            â€œå­¦å‰å„¿ç«¥å«ç”Ÿä¸Žä¿å¥â€è¯¾ç¨‹ç»¼åˆæ€§å¼ºï¼ŒçŸ¥è¯†å†…容跨度大，由于编者水平有限，书中难免有错误、缺漏和不当之处，敬请广大读者批评指正，多提宝贵意见。
          </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,10 +479,12 @@
            <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 >
              <div>
                æ”¶é›†å„类触摸屏功能及性能信息，并进行比较;了解嵌人式组态组成，了解TPC系列产品性能、外观与接线
              </div>
            </td>
@@ -440,7 +498,7 @@
          <tr>
            <td>通信连接，30分</td>
            <td>
              <div>观察动手制作TPC与PC通信线，并测试;<br/></div>
              <div>观察动手制作TPC与PC通信线，并测试;<br /></div>
              <div>观察动手制作TPC与PLC通信线，并测试</div>
            </td>
            <td><textarea class="textarea-table-td"></textarea></td>
@@ -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>
@@ -1166,31 +1323,31 @@
          </tr>
          <tr>
            <td>按下“指示灯1”按钮</td>
            <td><input style="width: 100%" class="border-0 " /></td>
            <td><input style="width: 100%" class="border-0 " /></td>
            <td><input style="width: 100%" class="border-0" /></td>
            <td><input style="width: 100%" class="border-0" /></td>
            <td>
              <input style="width: 100%" class="border-0 " />
              <input style="width: 100%" class="border-0" />
            </td>
          </tr>
          <tr>
            <td><div style="width:150px">按下“指示灯1”按钮</div></td>
            <td><input style="width: 100%" class="border-0 " /></td>
            <td><input style="width: 100%" class="border-0 " /></td>
            <td><input style="width: 100%" class="border-0 " /></td>
            <td><div style="width: 150px">按下“指示灯1”按钮</div></td>
            <td><input style="width: 100%" class="border-0" /></td>
            <td><input style="width: 100%" class="border-0" /></td>
            <td><input style="width: 100%" class="border-0" /></td>
          </tr>
          <tr>
            <td>按下“指示灯2”按钮</td>
            <td><input style="width: 100%" class="border-0 " /></td>
            <td><input style="width: 100%" class="border-0 " /></td>
            <td><input style="width: 100%" class="border-0 " /></td>
            <td><input style="width: 100%" class="border-0" /></td>
            <td><input style="width: 100%" class="border-0" /></td>
            <td><input style="width: 100%" class="border-0" /></td>
          </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;
}
@@ -1482,7 +1655,7 @@
  padding: 0;
  border: 1px solid #501438;
  .p08 {
    padding:0 8px;
    padding: 0 8px;
  }
  // li {
  //   padding: 0 8px;
@@ -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