合并

闫增涛

2024-05-30 c74a9956a74475199b23bf37385135cae1076f85

合并

 src/App.vue

@@ -65,7 +65,9 @@
        // childHealth
        // lifeCare
        // sportsAndHealth
        this.config.resourceCtx + "sportsAndHealth"
        // embedded
        // english
        this.config.resourceCtx + "childHealth"
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;

 src/books/English/assets/images/dy1-le2.jpg

 src/books/English/assets/main.less

@@ -841,6 +841,7 @@
  }
  .parimary-btn {
    min-width: 80px;
    min-height: 28px;
    font-size: 14px;
    margin-left: 5px;
    background-color: #0bab87;

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

@@ -77,19 +77,41 @@
                        @change="setBookQuestion"
                      />
                      <span class="icon-box">
                        <svg v-if="questionData.warnUp.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.one.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="questionData.warnUp.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.one.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -105,7 +127,10 @@
                <div class="right" style="width: 48%">
                  <div>
                    <p class="center">
                      <img src="../../assets/images/0012-2.jpg" style="width: 94%" />
                      <img
                        src="../../assets/images/0012-2.jpg"
                        style="width: 94%"
                      />
                    </p>
                    <p class="center">
                      2.<input
@@ -115,19 +140,41 @@
                        @change="setBookQuestion"
                      />
                      <span class="icon-box">
                        <svg v-if="questionData.warnUp.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.two.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="questionData.warnUp.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.two.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -141,7 +188,7 @@
                  </p>
                </div>
              </div>
    

              <div class="fl ju-bt">
                <div class="left" style="width: 48%">
                  <div>
@@ -156,19 +203,41 @@
                        @change="setBookQuestion"
                      />
                      <span class="icon-box">
                        <svg v-if="questionData.warnUp.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.three.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="questionData.warnUp.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.three.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -184,7 +253,10 @@
                <div class="right" style="width: 48%">
                  <div>
                    <p class="center">
                      <img src="../../assets/images/0012-4.jpg" style="width: 93%" />
                      <img
                        src="../../assets/images/0012-4.jpg"
                        style="width: 93%"
                      />
                    </p>
                    <p class="center">
                      4.<input
@@ -194,19 +266,41 @@
                        @change="setBookQuestion"
                      />
                      <span class="icon-box">
                        <svg v-if="questionData.warnUp.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.four.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="questionData.warnUp.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.four.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -220,7 +314,7 @@
                  </p>
                </div>
              </div>
    

              <div class="fl ju-bt">
                <div class="left" style="width: 48%">
                  <div>
@@ -235,19 +329,41 @@
                        @change="setBookQuestion"
                      />
                      <span class="icon-box">
                        <svg v-if="questionData.warnUp.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.five.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="questionData.warnUp.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.five.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -263,7 +379,10 @@
                <div class="right" style="width: 48%">
                  <div>
                    <p class="center">
                      <img src="../../assets/images/0012-6.jpg" style="width: 92%" />
                      <img
                        src="../../assets/images/0012-6.jpg"
                        style="width: 92%"
                      />
                    </p>
                    <p class="center">
                      6.<input
@@ -273,19 +392,41 @@
                        @change="setBookQuestion"
                      />
                      <span class="icon-box">
                        <svg v-if="questionData.warnUp.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="questionData.warnUp.six.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="questionData.warnUp.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="questionData.warnUp.six.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -335,11 +476,11 @@
              style="width: 100%"
              v-if="showAnswerOne"
            >
              答案：1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese silk
              6. Chinese calligraphy & painting 7. Chinese embroidery 8. Chinese
              papercut 9. Chinese lantern 10. Moon cake 11. Memorial archway 12.
              Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16. Opera facial
              makeup
              答案：1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese
              silk 6. Chinese calligraphy & painting 7. Chinese embroidery 8.
              Chinese papercut 9. Chinese lantern 10. Moon cake 11. Memorial
              archway 12. Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16.
              Opera facial makeup
            </p>
          </div>
        </div>
@@ -381,7 +522,8 @@
              <audio :src="resource.readingOne" controls></audio>
            </h3>
            <p>
              1.How was Chinese culture introduced to the world in ancient times?
              1.How was Chinese culture introduced to the world in ancient
              times?
              <!-- <button
                class="parimary-btn"
                @click="showAnswerThree = !showAnswerThree"
@@ -419,8 +561,8 @@
              答案：The Silk Road &nbsp;&nbsp;&nbsp; Immigrants Sinologist
            </p>
            <p>
              2.China offers so much to see and explore.What took you by surprise
              about China?
              2.China offers so much to see and explore.What took you by
              surprise about China?
              <!-- <button
                class="parimary-btn"
                @click="showAnswerFour = !showAnswerFour"
@@ -455,9 +597,10 @@
              style="margin-left: 40px; width: 91%"
              v-if="showAnswerFour"
            >
              答案：(1)Various delicious food (2)Unique architectures (3)Beautiful
              (4)Intangible cultural heritage, such as Taichi, shadow puppet show,
              traditional Chinese medicine, Peking Opera scenery
              答案：(1)Various delicious food (2)Unique architectures
              (3)Beautiful (4)Intangible cultural heritage, such as Taichi,
              shadow puppet show, traditional Chinese medicine, Peking Opera
              scenery
            </p>
            <p class="center"><b>My Experience in Wonderland</b></p>
            <p class="block">
@@ -473,9 +616,9 @@
                >incredible</span
              >
              journey to China started in 2017 when I got selected as a foreign
              student for PhD studies at one university.When I arrived in China,I
              was like Alice in Alice in Wonderland.I was curious about the
              people,the culture,the
              student for PhD studies at one university.When I arrived in
              China,I was like Alice in Alice in Wonderland.I was curious about
              the people,the culture,the
              <span class="word-bc" @click="saveWord($event, 'cuisine')"
                >cuisine</span
              >
@@ -485,9 +628,9 @@
              >.
            </p>
            <p>
              I found many great people and made several Chinese friends along the
              way.These friends made me see China through the eyes of the locals.I
              always found Chinese people very friendly and
              I found many great people and made several Chinese friends along
              the way.These friends made me see China through the eyes of the
              locals.I always found Chinese people very friendly and
              <span class="word-bc" @click="saveWord($event, 'hospitable')"
                >hospitable</span
              >
@@ -496,8 +639,8 @@
              <span class="word-bc" @click="saveWord($event, 'civilization')"
                >civilization</span
              >
              much easier,enjoyable and memorable.I consider China my second home
              and love it like my own country!
              much easier,enjoyable and memorable.I consider China my second
              home and love it like my own country!
            </p>
            <p>
              You cannot
@@ -531,9 +674,10 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p class="t0">
              a new kind of food every day for one whole year,the list of Chinese
              food would still never end! Though I love to eat almost all kinds of
              Chinese cuisine,I found Sichuan and Hunan cuisine quite
              a new kind of food every day for one whole year,the list of
              Chinese food would still never end! Though I love to eat almost
              all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
              quite
              <span class="word-bc" @click="saveWord($event, 'mouth-watering')"
                >mouth-watering</span
              >
@@ -544,7 +688,8 @@
              <span class="word-bc" @click="saveWord($event, 'foodie')"
                >foodie</span
              >
              like me,China is a heaven.I simply cannot live without Chinese food.
              like me,China is a heaven.I simply cannot live without Chinese
              food.
            </p>
            <p>
              Like I said earlier,China is a huge wonderland.It has thousands of
@@ -561,20 +706,22 @@
                @click="saveWord($event, 'atmosphere')"
                >atmosphere</span
              >
              that attracts you.I visited more than a dozen cities and came across
              their charming features and unique landscapes such as Huangshan,the
              Great Wall,Canton Tower.
              that attracts you.I visited more than a dozen cities and came
              across their charming features and unique landscapes such as
              Huangshan,the Great Wall,Canton Tower.
            </p>
            <p>
              There is so much to explore and I am looking forward to it during my
              stay.This is a whole new exciting experience for me,and it will
              There is so much to explore and I am looking forward to it during
              my stay.This is a whole new exciting experience for me,and it will
              always be remembered.
            </p>
            <!-- <p class="center">
              <img class="img-g" alt="" src="../../assets/images/0014-1.jpg" />
            </p> -->
            <p class="fl al-cn mt-40">
              <span class="zt-cs " style="font-size:20px">Words &amp; Expressions</span>
              <span class="zt-cs" style="font-size: 20px"
                >Words &amp; Expressions</span
              >
              <span class="line-border-box"></span>
            </p>
            <audio
@@ -595,7 +742,9 @@
            </p>
            <div class="bkbj">
              <p>
                <i>the food served in a restaurant (usually an expensive one)</i>
                <i
                  >the food served in a restaurant (usually an expensive one)</i
                >
              </p>
            </div>
            <p>landscape /ˈlændskeɪp/ <i>n.</i> （陆上） 风景，景色</p>
@@ -613,8 +762,9 @@
            <div class="bkbj">
              <p>
                <i
                  >a society,its culture and its way of life (during a particular
                  period of time or in a particular part of the world)</i
                  >a society,its culture and its way of life (during a
                  particular period of time or in a particular part of the
                  world)</i
                >
              </p>
            </div>
@@ -622,8 +772,8 @@
            <div class="bkbj">
              <p>
                <i
                  >to travel into or around an area or a country in order to learn
                  about it</i
                  >to travel into or around an area or a country in order to
                  learn about it</i
                >
              </p>
            </div>
@@ -652,7 +802,9 @@
        </ul>
        <div class="padding-93">
          <div class="bodystyle">
            <p>stimulating /ˈstɪmjuleɪtɪŋ/ <i>adj.</i> 增加活力的；增进健康的</p>
            <p>
              stimulating /ˈstɪmjuleɪtɪŋ/ <i>adj.</i> 增加活力的；增进健康的
            </p>
            <div class="bkbj">
              <p>
                <i>making you feel more active and healthy</i> foodie /ˈfuːdi/
@@ -684,7 +836,7 @@
            <p>be curious about ...对……感到好奇</p>
            <p>along the way 沿途</p>
            <div class="bj-note">
              <p class="m0 "><b class="fz-18">Notes:</b></p>
              <p class="m0"><b class="fz-18">Notes:</b></p>
              <p class="m0">
                <i>Alice in Wonderland</i> （<i
                  >Alice's Adventures in Wonderland</i
@@ -697,14 +849,75 @@
              China.
            </p>
            <p>
              <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> 
              Language</p>
            <p><input type="checkbox" name="ball" value="People" id="2" v-model="testData.check" /> People</p>
            <p><input type="checkbox" name="ball" value="Culture" id="3" v-model="testData.check" /> Culture</p>
            <p><input type="checkbox" name="ball" value="Cuisine" id="4" v-model="testData.check" /> Cuisine</p>
            <p><input type="checkbox" name="ball" value="Folk" id="5" v-model="testData.check" /> Folk art</p>
            <p><input type="checkbox" name="ball" value="Landscapes" id="6" v-model="testData.check" /> Landscapes</p>
            <p><input type="checkbox" name="ball" value="Transportation" id="7" v-model="testData.check" /> Transportation</p>
              <input
                type="checkbox"
                name="ball"
                value="Language"
                id="1"
                v-model="testData.check"
              />
              Language
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="People"
                id="2"
                v-model="testData.check"
              />
              People
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="Culture"
                id="3"
                v-model="testData.check"
              />
              Culture
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="Cuisine"
                id="4"
                v-model="testData.check"
              />
              Cuisine
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="Folk"
                id="5"
                v-model="testData.check"
              />
              Folk art
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="Landscapes"
                id="6"
                v-model="testData.check"
              />
              Landscapes
            </p>
            <p>
              <input
                type="checkbox"
                name="ball"
                value="Transportation"
                id="7"
                v-model="testData.check"
              />
              Transportation
            </p>
            <p
              class="event-header-text-bc pd-5"
              style="margin-left: 35px; width: 93%"
@@ -751,8 +964,8 @@
              style="margin-left: 40px; width: 93%"
              v-if="showQuestionAnswer"
            >
              答案：Chinese food is very delicious. Sichuan and Hunan cuisines are
              quite mouth-watering and stimulating.
              答案：Chinese food is very delicious. Sichuan and Hunan cuisines
              are quite mouth-watering and stimulating.
            </p>
            <p>2.When and why did the author start her journey to China?</p>
            <textarea
@@ -768,7 +981,8 @@
              v-if="showQuestionAnswer"
            >
              答案：When the author got selected as a foreign student for PhD
              studies at one university in 2017, she started her journey to China.
              studies at one university in 2017, she started her journey to
              China.
            </p>
            <p>3.What are the author’s expectations of her stay in China?</p>
            <textarea
@@ -814,11 +1028,11 @@
              style="margin-left: 40px; width: 93%"
              v-if="showQuestionAnswer"
            >
              答案：Each city has its unique atmosphere with charming features and
              unique landscapes.
              答案：Each city has its unique atmosphere with charming features
              and unique landscapes.
            </p>
            Each city has its unique atmosphere with charming features and unique
            landscapes.
            Each city has its unique atmosphere with charming features and
            unique landscapes.
            <p><b>Ⅱ.Language focus.</b></p>
            <p>
              A.Fill in the blanks with the proper words in the passage.The
@@ -838,8 +1052,8 @@
                type="text"
                class="input-bottom-border"
                style="width: 60px"
              />.Chinese friends helped her a lot in understanding Chinese culture
              and c<input
              />.Chinese friends helped her a lot in understanding Chinese
              culture and c<input
                v-model="testData.in.three"
                type="text"
                class="input-bottom-border"
@@ -850,8 +1064,8 @@
                class="input-bottom-border"
                style="width: 60px"
              />China properly if he/she does not try its delicious variety of
              food.China has thousands of years of rich and beautiful culture.Each
              city has its u<input
              food.China has thousands of years of rich and beautiful
              culture.Each city has its u<input
                v-model="testData.in.five"
                type="text"
                class="input-bottom-border"
@@ -898,8 +1112,8 @@
              style="margin-left: 40px; width: 93%"
              v-if="showQuestionAnswer"
            >
              答案：Many foreigners are curious about the amazing Chinese martial
              arts.
              答案：Many foreigners are curious about the amazing Chinese
              martial arts.
            </p>
            <p>
              3.along the way<input
@@ -914,8 +1128,8 @@
              style="margin-left: 40px; width: 93%"
              v-if="showQuestionAnswer"
            >
              答案：I suggest that you go to Tibet by train so that you can enjoy
              the natural scenery along the way.
              答案：I suggest that you go to Tibet by train so that you can
              enjoy the natural scenery along the way.
            </p>
            <p>
              4.come across<input
@@ -1008,8 +1222,8 @@
              答案：嫘祖发明了中国缫丝技术，这极大地促进了中国古代文明的发展。
            </p>
            <p>
              3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese tea
              culture in depth.
              3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese
              tea culture in depth.
            </p>
            <p>
              <input
@@ -1046,12 +1260,21 @@
            <p>
              <b>Ⅲ.Grammar focus:The conditional sentence—if-clause.</b>
              <span class="btn-box" @click="showAnswer('showImg')">
                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="20" height="20">
                <svg
                  t="1717037443722"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="30864"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="20"
                  height="20"
                >
                  <path
                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                     p-id="30865"></path>
                    p-id="30865"
                  ></path>
                </svg>
              </span>
            </p>
@@ -1138,8 +1361,8 @@
              warriors.
            </p>
            <p>
              5.Ask foreigners about their favorite Chinese food.Kung Pao Chicken
              would possibly be in top three.
              5.Ask foreigners about their favorite Chinese food.Kung Pao
              Chicken would possibly be in top three.
            </p>
            <p>
              <b>If</b
@@ -1154,8 +1377,8 @@
              style="margin-left: 40px; width: 93%"
              v-if="showQuestionAnswer"
            >
              答案： If you ask foreigners about their favorite Chinese food, Kung
              Pao Chicken would possible be in top three
              答案： If you ask foreigners about their favorite Chinese food,
              Kung Pao Chicken would possible be in top three
            </p>
            <p>
              B.Complete the following sentences using <i>if</i> or
@@ -1199,8 +1422,8 @@
                type="text"
                class="input-bottom-border"
                style="width: 60px"
              />I go to Sichuan,I will visit Chengdu Research Base of Giant Panda
              Breeding.
              />I go to Sichuan,I will visit Chengdu Research Base of Giant
              Panda Breeding.
            </p>
            <p
              class="event-header-text-bc pd-5"
@@ -1211,16 +1434,24 @@
              &nbsp; 5.if
            </p>
            <div class="w100 fl ju-cn">
              <ul class="fl ju-ev" style="width: 50%">
                <li><button class="btn-border btn-w" @click="saveData">提交</button></li>
              <ul class="fl ju-ev" style="width: 80%">
                <li>
                  <button class="btn-border btn-w" @click="saveData">
                    提交
                  </button>
                </li>
                <li>
                  <button @click="setTestData" class="btn-border btn-w">
                    保存
                  </button>
                </li>
                <li>
                  <button @click="changeTestData" class="btn-border btn-w">
                    重做
                  </button>
                </li>
                <li>
                  <button
                  style="min-height:24px"
                    @click="showQuestionAnswer = !showQuestionAnswer"
                    class="parimary-btn"
                  >
@@ -1255,16 +1486,19 @@
            <h3 id="c004"><span class="bjh3">Mini-project</span></h3>
            <p>
              China is a great country with a fascinating culture.Its ancient
              civilization,rich history,and unique customs make it one of the most
              interesting countries in the world.There are so many interesting
              facts about Chinese culture.Work in groups and interview your group
              members about their knowledge of Chinese culture,and then:
              civilization,rich history,and unique customs make it one of the
              most interesting countries in the world.There are so many
              interesting facts about Chinese culture.Work in groups and
              interview your group members about their knowledge of Chinese
              culture,and then:
            </p>
            <p>1.Find out interesting facts they know about Chinese culture;</p>
            <p>2.Finish the worksheet and report to the class.</p>
            <div class="fieldset">
              <p>Questions:1.Who are you going to interview?</p>
              <p>　　　　2.What is he/she interested in about Chinese culture?</p>
              <p>
                　　　　2.What is he/she interested in about Chinese culture?
              </p>
              <p>　　　　3.What does he/she know about it?</p>
            </div>
            <p class="left">
@@ -1430,283 +1664,150 @@
            </div>
            <div class="resource-primary-border" style="padding: 8px">
              <div class="banshi openImgBox">
                  <div class="swiper-container">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_01.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_01.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_03.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_04.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_05.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_06.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_07.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_08.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_09.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_10.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_11.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_12.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_13.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_14.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_15.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_16.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_17.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_18.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_19.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_20.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_21.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_22.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_23.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_24.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_25.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_26.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/ppt/ppt_27.png"
                          />
                        </div>
                <div class="swiper-container swiper-ppt">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                   <!-- 显示当前页和总页数的元素 -->  
                  <div class="pagination-info"></div> 
                </div>
              </div>
            </div>
          </div>
        </div>
@@ -1730,19 +1831,19 @@
        <div class="padding-93">
          <div class="bodystyle">
            <h2 id="b002">
              <img class="img-0" alt="" src="image/dy1-le2.jpg" />
              <img class="img-0" alt="" src="../../assets/images/dy1-le2.jpg" />
            </h2>
            <h3 id="c005"><span class="bjh3">Warm-up</span></h3>
            <p>
              <b
                >Put the expressions in the box below on the corresponding answer
                line under each picture.</b
                >Put the expressions in the box below on the corresponding
                answer line under each picture.</b
              >
            </p>
            <div class="bk-wh">
              <p>
                online shopping　facial recognition　electronic payment　intercity
                train　shared bike　take-away service
                online shopping　facial recognition　electronic
                payment　intercity train　shared bike　take-away service
              </p>
            </div>
            <div class="openImgBox">
@@ -1750,7 +1851,11 @@
                <div class="left" style="width: 48%">
                  <div>
                    <p class="center">
                      <img src="../../assets/images/0019-1.jpg" alt="" class="w100" />
                      <img
                        src="../../assets/images/0019-1.jpg"
                        alt=""
                        class="w100"
                      />
                    </p>
                    <p class="center">
                      1.
@@ -1764,19 +1869,41 @@
                        </option>
                      </select>
                      <span class="icon-box">
                        <svg v-if="dropdownData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="dropdownData.one.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="dropdownData.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="dropdownData.one.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -1792,7 +1919,11 @@
                <div class="right" style="width: 48%">
                  <div>
                    <p class="center">
                      <img src="../../assets/images/0019-2.jpg" alt="" style="width: 98%" />
                      <img
                        src="../../assets/images/0019-2.jpg"
                        alt=""
                        style="width: 98%"
                      />
                    </p>
                    <p class="center">
                      2.
@@ -1806,19 +1937,41 @@
                        </option>
                      </select>
                      <span class="icon-box">
                        <svg v-if="dropdownData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="dropdownData.two.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="dropdownData.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="dropdownData.two.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -1832,12 +1985,16 @@
                  </p>
                </div>
              </div>
    

              <div class="fl ju-bt">
                <div class="left" style="width: 48%">
                  <div>
                    <p class="center">
                      <img src="../../assets/images/0019-3.jpg" alt="" style="width: 98%" />
                      <img
                        src="../../assets/images/0019-3.jpg"
                        alt=""
                        style="width: 98%"
                      />
                    </p>
                    <p class="center">
                      3.
@@ -1851,19 +2008,41 @@
                        </option>
                      </select>
                      <span class="icon-box">
                        <svg v-if="dropdownData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="dropdownData.three.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="dropdownData.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="dropdownData.three.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -1879,7 +2058,11 @@
                <div class="right" style="width: 48%">
                  <div>
                    <p class="center">
                      <img src="../../assets/images/0019-4.jpg" alt=""  style="width: 94%" />
                      <img
                        src="../../assets/images/0019-4.jpg"
                        alt=""
                        style="width: 94%"
                      />
                    </p>
                    <p class="center">
                      4.
@@ -1893,19 +2076,41 @@
                        </option>
                      </select>
                      <span class="icon-box">
                        <svg v-if="dropdownData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="dropdownData.four.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="dropdownData.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="dropdownData.four.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -1919,12 +2124,16 @@
                  </p>
                </div>
              </div>
    

              <div class="fl ju-bt">
                <div class="left" style="width: 48%">
                  <div>
                    <p class="center">
                      <img src="../../assets/images/0019-5.jpg" alt=""  class="w100" />
                      <img
                        src="../../assets/images/0019-5.jpg"
                        alt=""
                        class="w100"
                      />
                    </p>
                    <p class="center">
                      5.
@@ -1938,19 +2147,41 @@
                        </option>
                      </select>
                      <span class="icon-box">
                        <svg v-if="dropdownData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="dropdownData.five.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="dropdownData.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="dropdownData.five.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -1966,7 +2197,11 @@
                <div class="right" style="width: 48%">
                  <div>
                    <p class="center">
                      <img src="../../assets/images/0019-6.jpg" alt="" style="width: 98%" />
                      <img
                        src="../../assets/images/0019-6.jpg"
                        alt=""
                        style="width: 98%"
                      />
                    </p>
                    <p class="center">
                      6.
@@ -1980,19 +2215,41 @@
                        </option>
                      </select>
                      <span class="icon-box">
                        <svg v-if="dropdownData.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="dropdownData.six.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="dropdownData.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20" height="20">
                        <svg
                          v-if="dropdownData.six.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>
                    </p>
@@ -2008,15 +2265,20 @@
              </div>
            </div>
            <div class="w100 fl ju-cn">
              <div class="fl ju-ev" style="width: 60%">
              <div class="fl ju-ev mt-40" style="width: 80%">
                <button @click="setDropdownData" class="btn-border btn-w">
                  保存
                </button>
                <button class="btn-border btn-w" @click="handleDropdown('judge')">
                <button
                  class="btn-border btn-w"
                  @click="handleDropdown('judge')"
                >
                  提交
                </button>
                <button class="btn-border btn-w" @click="changeDropdown">
                  重做
                </button>
                <button
                style="min-height:24px"
                  @click="showAnswerFive = !showAnswerFive"
                  class="parimary-btn"
                >
@@ -2193,35 +2455,6 @@
          answer: "facial recognition",
        },
      },
      pptList: [
        require("../../assets/images/ppt/ppt_01.png"),
        require("../../assets/images/ppt/ppt_01.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() {
@@ -2245,6 +2478,53 @@
    },
    setTestData() {
      localStorage.setItem("english-testOne", JSON.stringify(this.testData));
    },
    changeTestData() {
      localStorage.removeItem("english-testOne")
      this.testData = {
        check:[],
        tx: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        in: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        line: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        ts: {
          one: "",
          two: "",
          three: "",
          four: "",
        },
        gr: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        cm: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
      }
    },
    setBookQuestion() {
      localStorage.setItem(
@@ -2313,6 +2593,14 @@
      }
      this.dropdownData = dropdownDatas;
    },
    changeDropdown() {
      localStorage.removeItem("english-dropdown-one")
      for(let key in this.dropdownData) {
        const item =  this.dropdownData[key]
        item.value = ""
        item.isRight = null
      }
    },
    setDropdownData() {
      localStorage.setItem(
        "english-dropdown-one",
@@ -2358,7 +2646,7 @@
  font-size: 14px;
  border-width: 1px;
  min-width: 80px;
  min-height: 24px;
  min-height: 28px;
  background-color: #fff;
  &:hover {
    background-color: #0bab87;

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

@@ -33,7 +33,7 @@
export default {
  data() {
    return {
      catalogLength: 2, // 总章节数
      catalogLength: 13, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
@@ -75,7 +75,6 @@
    },
    loadPageList: {
      handler(newVal, oldVal) {
        console.log(newVal, "this.loadPageList");
        setTimeout(() => {
          this.initSwiper();
          this.initViewer();
@@ -234,6 +233,7 @@
        // 立即渲染
        this.renderSign(type, data);
      }

      // 储存数据
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
@@ -489,7 +489,6 @@
            //           testData[catalog][page],
            //           this.config.activeBook
            //         );

            //       } else {
            //         const obj = {};
            //         for (let key in testData[catalog][page]) {
@@ -501,7 +500,7 @@
            //         }
            //         this.questionData[page] = obj;
            //       }
            //       console.log('题目',this.questionData);
            //       console.log("题目", this.questionData);
            //     }
            //   }
            // }
@@ -526,7 +525,7 @@
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-container");
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
@@ -560,6 +559,43 @@
          // }
        });
      }
      // swiper-container
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        debugger
        const dom = pptDoms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: false,
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          on:{
            slideChangeTransitionStart:function (value) {
              // 每当滑块改变时触发，更新当前页和总页数的显示  
              let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）  
              let totalPages = value.slides.length; // 获取总页数 
              var paginationInfoEl = document.querySelector('.pagination-info');
              paginationInfoEl.textContent = currentPage + '/' + totalPages;   
            }
          }
        });
        
      }
    },
    initViewer() {
      const doms = (
@@ -578,18 +614,18 @@
      }
    },
    // 点击事件：将生僻单词传给 主应用 从而调用词典功能
    saveCharacters(event,word) {
      console.log('生僻字',event,word);
    saveCharacters(event, word) {
      console.log("生僻字", event, word);
      if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
          this.$store.state.qiankun.chooseWords({
            word,
            x: event.pageX,
            y: event.pageY
          });
        }
        this.$store.state.qiankun.chooseWords({
          type:"word",
          word,
          x: event.pageX,
          y: event.pageY,
        });
      }
      // chooseWords
    }

    },
  },
  components: {
    pageHeader,

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

@@ -45,8 +45,8 @@
          />
          专题导学
        </h6>
        <p class="blockh6 m0-t0">
          <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
        <p class="blockh6 m0-t0 openImgBox">
          <img src="../../../assets/images/chapterFour/0094-1.jpg" alt="" class="w100 mt-20">
        </p>
      </div>
    </div>
@@ -1469,7 +1469,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterFour/0094-1.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      pathOne: "",

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

@@ -49,13 +49,7 @@
          专题导学
        </h6>
        <p class="blockh6 m0-t0">
          <!-- <el-image
            alt=""
            :src="introductionImg"
            :preview-src-list="[introductionImg]"
            class="mb-20 open-image"
          /> -->
          <span id="open-image" @click="openImage">
          <span class="openImgBox">
            <img
              src="../../../assets/images/chapterOne/0014-1.jpg"
              data-imgurl="/books/book/img/0014-1.56a5dd0f.jpg"
@@ -394,12 +388,8 @@
                运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。
              </p>
              <div class="text-img-box">
                <div style="margin-right: 50px">
                  <el-image
                    :src="bonesImg"
                    :preview-src-list="[bonesImg]"
                    class="open-image"
                  />
                <div style="margin-right: 50px" class="openImgBox">
                  <img src="../../../assets/images/chapterOne/0015-5.jpg" class="w100" alt="">
                  <span class="img">图1-1 人体全身骨骼（前面观）</span>
                </div>
                <div>
@@ -456,9 +446,6 @@
          <p class="text-left text-height lh2">
            学前儿童的骨盆和成人不同，还没长结实，在蹦跳时要注意安全。比如，幼儿从高处往硬地上跳，就可能导致组成骨盆的骨发生不易察觉的移位，使骨盆变形。若女童骨盆变形，将会直接影响成年后的正常生理功能，这一点应引起家长和教师的特别注意。
          </p>
          <p class="text-left text-height lh2">
            学前儿童的骨盆和成人不同，还没长结实，在蹦跳时要注意安全。比如，幼儿从高处往硬地上跳，就可能导致组成骨盆的骨发生不易察觉的移位，使骨盆变形。若女童骨盆变形，将会直接影响成年后的正常生理功能，这一点应引起家长和教师的特别注意。
          </p>
          <div class="fl">
            <div class="bottom-left" style="width: 65%">
              <h5 id="e005">5.脊柱的生理弯曲还未定型</h5>
@@ -471,8 +458,8 @@
            </div>
            <div class="bottom-right" style="width: 35%">
              <div class="mt-40">
                <div class="banshi openImgBox">
                  <div class="swiper-container">
                <div class="banshi openImgBox" style="height: 364px;">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
@@ -510,25 +497,6 @@
                  </div>
                </div>
              </div>
              <!-- <el-carousel
                trigger="click"
                class="bones-carousel carousel-image"
                arrow="always"
                indicator-position="none"
              >
                <el-carousel-item
                  v-for="(item, index) in bonesList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="bonesList"
                    :preview-teleported="true"
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel> -->
              <p class="img">图1-2 成人脊柱模式图</p>
            </div>
          </div>
@@ -557,14 +525,10 @@

          <div class="fl">
            <div
              class="left fl fl-di fl-evenly"
              class="left fl fl-di fl-evenly openImgBox"
              style="width: 30%; margin-top: 5px"
            >
              <el-image
                :src="jointImg"
                :preview-src-list="[jointImg]"
                class="open-image"
              />
              <img src="../../../assets/images/chapterOne/0017-1.jpg" alt="" class="w100">
              <p class="img">图1-3 关节模式图</p>
            </div>
            <div class="right" style="width: 70%; padding-left: 20px">
@@ -581,26 +545,34 @@
          </div>
          <div class="fl">
            <div class="left" style="width: 30%">
              <el-carousel
                loop
                trigger="click"
                class="bones-carousel carousel-image"
                arrow="always"
                indicator-position="none"
              >
                <el-carousel-item
                  v-for="(item, index) in footList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="footList"
                    :preview-teleported="true"
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel>
              <div class="banshi openImgBox">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/foot-01.png" alt="正常足"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/foot-02.png" alt="扁平足"
                          />
                        </div>
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
                </div>
              <p class="img">图1-4 正常足和扁平足</p>
            </div>
            <div class="right" style="width: 70%; padding-left: 20px">
@@ -636,28 +608,44 @@
              为了保证学前儿童身心健康发育。不良体态，如驼背、严重脊柱侧弯等，导致胸廓畸形，可严重影响学前儿童的心肺发育，容易患呼吸系统疾病。体态不良的儿童也容易自卑，影响健全人格的形成。为防止脊柱、胸廓等骨骼变形，形成良好体态，须注意以下几点：婴儿不宜过早坐、站，不宜睡软床和久坐沙
            </p>
            <div class="right fl fl-cn fl-di" style="width: 55%">
              <!-- <el-image :src="sitImg" :preview-src-list="[sitImg]" /> -->
              <el-carousel
                loop
                trigger="click"
                class="posure-carousel carousel-image"
                style="width: 300px"
                arrow="always"
                indicator-position="none"
              >
                <el-carousel-item
                  v-for="(item, index) in posureList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="posureList"
                    :preview-teleported="true"
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel>
              <div class="banshi openImgBox">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/posture-01.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/posture-02.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/posture-03.png"
                          />
                        </div>
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
                </div>
              <p class="img">图1-5 坐姿对脊柱的影响</p>
            </div>
          </div>
@@ -986,12 +974,8 @@
              <h4 id="d009">（一）呼吸器官的特点</h4>
              <h5 id="e012">1.鼻</h5>
            </div>
            <div class="right" style="width: 50%">
              <el-image
                :src="breathing"
                :preview-src-list="[breathing]"
                class="open-image"
              />
            <div class="right openImgBox" style="width: 50%">
              <img src="../../../assets/images/chapterOne/0020-2.jpg" alt="" class="w100">
              <p class="img">图1-6 呼吸系统示意图</p>
            </div>
          </div>
@@ -1061,12 +1045,8 @@
              </p>
            </div>
            <div class="right" style="width: 20%">
              <p class="center">
                <el-image
                  :src="throat"
                  :preview-src-list="[throat]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0021-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-7 喉腔模式图</p>
            </div>
@@ -1089,12 +1069,8 @@
            学前儿童新陈代谢旺盛，在新陈代谢过程中，机体需氧量相对比成人多，只有加快呼吸频率才能满足自身对氧气的需求量，所以，年龄越小，呼吸频率越快。新生儿每分钟呼吸40～44次，1岁以内约30次，1～3岁25～30次，4～7岁约22次。不同年龄的人的呼吸频率见表1-1。
          </p>
          <p class="img">表1-1 不同年龄的人的呼吸频率</p>
          <p class="center">
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0021-2.jpg" alt="" class="w100">
          </p>
        </div>
      </div>
@@ -1443,13 +1419,8 @@
          <p>
            循环系统包括血液循环系统（心血管系统）和淋巴系统。血液循环系统由心脏和血管组成，血管包括动脉、静脉和毛细血管（见图1-8）。淋巴系统由淋巴管道、淋巴器官和淋巴组织组成。
          </p>
          <p class="center">
            <el-image
              :src="blood"
              :preview-src-list="[blood]"
              style="width: 60%"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0024-1.jpg" alt="" style="width:80%">
          </p>
          <p class="img">图1-8 血液循环示意图</p>

@@ -1484,12 +1455,8 @@
          <p>学前儿童的血液量及成分和成人不同。具体来说，有以下几方面不同。</p>
          <p>（1）血液量占体重的比例大于成人（见表1-2）</p>
          <p class="img">表1-2 不同年龄的血液量</p>
          <p class="center">
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0024-3.jpg" alt="" class="w100" />
          </p>
        </div>
      </div>
@@ -1539,12 +1506,8 @@
            由于婴幼儿心输出量少，而新陈代谢旺盛，为满足机体对血液的需求量，只有加快心率来保障供血量。年龄越小，心率越快。不同年龄的心率，如表1-3所示。
          </p>
          <p class="img">表1-3 不同年龄的心率</p>
          <p class="center">
            <el-image
              :src="tableThree"
              :preview-src-list="[tableThree]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0025-1.jpg" alt="" class="w100" />
          </p>
        </div>
      </div>
@@ -1905,12 +1868,8 @@
              <h5 id="e020">1.牙齿</h5>
            </div>
            <div class="right" style="width: 35%">
              <p class="center">
                <el-image
                  :src="digestion"
                  :preview-src-list="[digestion]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0028-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-9 消化系统模式图</p>
            </div>
@@ -1969,22 +1928,12 @@
          </p>
          <p>每一颗乳牙和恒牙的萌出都有固定的时间，见表1-4、表1-5。</p>
          <p class="img">表1-4 乳牙萌出时间顺序（以月龄计算）</p>
          <p class="center">
            <el-image
              :src="tableFive"
              :preview-src-list="[tableFive]"
              style="width: 100%"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0029-1.jpg" alt="" class="w100" />
          </p>
          <p class="img">表1-5 恒牙萌出时间</p>
          <p class="center">
            <el-image
              :src="tableSix"
              :preview-src-list="[tableSix]"
              style="width: 100%"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0029-2.jpg" alt="" class="w100">
          </p>
          <h5 id="e021">2.舌</h5>
          <p>
@@ -2378,12 +2327,8 @@
          </div>
          <div class="fl fl-around">
            <div class="left" style="width: 35%">
              <p class="center" style="margin-top: 0">
                <el-image
                  :src="urology"
                  :preview-src-list="[urology]"
                  class="open-image"
                />
              <p class="center openImgBox" style="margin-top: 0">
                <img src="../../../assets/images/chapterOne/0033-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-10 泌尿系统模式图（男性）</p>
            </div>
@@ -2695,22 +2640,14 @@
          </p>
          <div class="fl">
            <div class="left" style="width: 50%">
              <p class="center">
                <el-image
                  :src="man"
                  :preview-src-list="[man]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0036-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-11 男性生殖系统示意图</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  :src="woman"
                  :preview-src-list="[woman]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0036-2.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-12 女性生殖系统示意图</p>
            </div>
@@ -3028,12 +2965,8 @@
              </p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  :src="endocrineImg"
                  :preview-src-list="[endocrineImg]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0038-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-13 内分泌系统示意图</p>
            </div>
@@ -3055,12 +2988,8 @@
              </p>
            </div>
            <div class="right" style="width: 36%">
              <p class="center">
                <el-image
                  :src="stature"
                  :preview-src-list="[stature]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0038-2.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-14 成年侏儒症患者与正常成人的身高比较</p>
            </div>
@@ -3347,12 +3276,8 @@
              </p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  :src="nerve"
                  :preview-src-list="[nerve]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0040-1.jpg" alt="" class="w100">
              </p>
              <p class="img cneter">图1-15 神经元模式图</p>
            </div>
@@ -3416,23 +3341,14 @@
          <p>
            大脑分左、右两半球（见图1-16），表面凹凸不平，凹陷处称为“沟”，隆起处称为“回”，“沟”与“回”大大增加了大脑的表面积。较大的沟有中央沟、大脑外侧沟和顶枕沟，这些沟将大脑表面分成额叶、顶叶、颞叶和枕叶四部分。
          </p>
          <p class="center">
            <el-image
              :src="brainImg"
              :preview-src-list="[brainImg]"
              style="width: 70%"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0041-1.jpg" alt="" class="w100">
          </p>
          <p class="img">图1-16 大脑左、右两半球的功能比较</p>
          <div class="fl fl-around">
            <div class="left" style="width: 48%; margin-right: 10px">
              <p class="center">
                <el-image
                  :src="brainsImg"
                  :preview-src-list="[brainsImg]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0041-2.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-17 大脑皮层分区图</p>
            </div>
@@ -3494,12 +3410,8 @@
            自主神经可分为交感神经和副交感神经两类，它们分布于同一器官，作用相反，相互制约，使内脏器官的活动协调、准确（见表1-6）。
          </p>
          <p class="img">表1-6 交感神经和副交感神经的作用与区别</p>
          <p class="center">
            <el-image
              :src="tableNine"
              :preview-src-list="[tableNine]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0042-1.jpg" alt="" class="w100">
          </p>
          <h3 id="c016">二、学前儿童神经系统的特点＞＞＞＞＞＞</h3>
          <h4 id="d056">（一）脑发育非常迅速</h4>
@@ -3524,12 +3436,8 @@
            脑的迅速生长可从脑质量的变化上得到反映。不同年龄脑质量的变化见表1-7。
          </p>
          <p class="img">表1-7 不同年龄脑质量的变化</p>
          <p class="center">
            <el-image
              :src="tableTen"
              :preview-src-list="[tableTen]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0043-1.jpg" alt="" class="w100">
          </p>
          <h4 id="d057">（二）中枢神经系统的发育不均衡</h4>
          <p>
@@ -3919,12 +3827,8 @@
              <h5 id="e036">1.眼球的前后径较短</h5>
            </div>
            <div class="right" style="width: 35%">
              <p class="center">
                <el-image
                  :src="eyesImg"
                  :preview-src-list="[eyesImg]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0046-2.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-18 眼球结构模式图</p>
            </div>
@@ -4032,12 +3936,8 @@
              </p>
            </div>
            <div class="right" style="width: 58%">
              <p class="center">
                <el-image
                  :src="ersImg"
                  :preview-src-list="[ersImg]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0048-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-19 耳的结构图</p>
            </div>
@@ -4059,12 +3959,8 @@
              <h5 id="e046">3.耳蜗的感受性较强</h5>
            </div>
            <div class="right" style="width: 48%">
              <p class="center">
                <el-image
                  :src="erImg"
                  :preview-src-list="[erImg]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0048-2.jpg" alt="" class="w100">
              </p>
              <p class="img">图1-20 成人和学前儿童咽鼓管之比较</p>
            </div>
@@ -4623,7 +4519,6 @@
<script>
import examinations from "@/components/examinations/index.vue";
import getResourcePath from "@/assets/methods/resources";

export default {
  name: "chapter-one",
  components: { examinations },
@@ -4639,48 +4534,9 @@
  data() {
    return {
      // 学习一
      introductionImg: require("../../../assets/images/chapterOne/0014-1.jpg"),
      bonesImg: require("../../../assets/images/chapterOne/0015-5.jpg"),
      foot1: require("../../../assets/images/chapterOne/foot-01.png"),
      foot2: require("../../../assets/images/chapterOne/foot-02.png"),
      jointImg: require("../../../assets/images/chapterOne/0017-1.jpg"),
      footImg: require("../../../assets/images/chapterOne/0017-2.jpg"),
      sitImg: require("../../../assets/images/chapterOne/0018-1.jpg"),
      bonesList: [],
      footList: [
        require("../../../assets/images/chapterOne/foot-01.png"),
        require("../../../assets/images/chapterOne/foot-02.png")
      ],
      posureList: [
        require("../../../assets/images/chapterOne/posture-01.png"),
        require("../../../assets/images/chapterOne/posture-02.png"),
        require("../../../assets/images/chapterOne/posture-03.png")
      ],
      resourceState: "",
      type: "option",
      snipaste: require("../../../assets/images/chapterOne/snipaste.png"),
      breathing: require("../../../assets/images/chapterOne/0020-2.jpg"),
      throat: require("../../../assets/images/chapterOne/0021-1.jpg"),
      tableOne: require("../../../assets/images/chapterOne/0021-2.jpg"),
      blood: require("../../../assets/images/chapterOne/0024-1.jpg"),
      tableTwo: require("../../../assets/images/chapterOne/0024-3.jpg"),
      tableThree: require("../../../assets/images/chapterOne/0025-1.jpg"),
      digestion: require("../../../assets/images/chapterOne/0028-1.jpg"),
      tableFive: require("../../../assets/images/chapterOne/0029-1.jpg"),
      tableSix: require("../../../assets/images/chapterOne/0029-2.jpg"),
      urology: require("../../../assets/images/chapterOne/0033-1.jpg"),
      man: require("../../../assets/images/chapterOne/0036-1.jpg"),
      woman: require("../../../assets/images/chapterOne/0036-2.jpg"),
      endocrineImg: require("../../../assets/images/chapterOne/0038-1.jpg"),
      stature: require("../../../assets/images/chapterOne/0038-2.jpg"),
      nerve: require("../../../assets/images/chapterOne/0040-1.jpg"),
      brainImg: require("../../../assets/images/chapterOne/0041-1.jpg"),
      brainsImg: require("../../../assets/images/chapterOne/0041-2.jpg"),
      tableNine: require("../../../assets/images/chapterOne/0042-1.jpg"),
      tableTen: require("../../../assets/images/chapterOne/0043-1.jpg"),
      eyesImg: require("../../../assets/images/chapterOne/0046-2.jpg"),
      ersImg: require("../../../assets/images/chapterOne/0048-1.jpg"),
      erImg: require("../../../assets/images/chapterOne/0048-2.jpg"),
      img: require("@/books/childHealth/assets/images/chapterOne/0014-1.jpg"),
      productLinkPath: "",
      learnTbaleOne: true,
@@ -4936,27 +4792,6 @@
        JSON.stringify(this.chapterOneData)
      );
    },

    openImage() {
      let container = document.getElementById("open-image");
      let viewr = new Viewer(container, {
        inline: false, // 是否以内联方式显示预览
        url: "data-imgurl",
        toolbar: {
          zoomIn: 1, // 是否显示放大按钮
          zoomOut: 1, // 是否显示缩小按钮
          oneToOne: 1, // 是否显示实际大小按钮
          reset: 1, // 是否显示重置按钮
          prev: 1, // 是否显示上一页按钮
          play: 0, // 是否显示播放按钮
          next: 1, // 是否显示下一页按钮
          rotateLeft: 0, // 是否显示向左旋转按钮
          rotateRight: 0, // 是否显示向右旋转按钮
          flipHorizontal: 0, // 是否显示水平翻转按钮
          flipVertical: 0 // 是否显示垂直翻转按钮
        }
      });
    }
  }
};
</script>

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

@@ -43,12 +43,8 @@
          />
          专题导学
        </h6>
        <p class="blockh6 m0-t0">
          <el-image
            :src="special"
            :preview-src-list="[special]"
            class="open-image"
          />
        <p class="blockh6 m0-t0 openImgBox">
          <img src="../../../assets/images/chapterTwo/0056-1.jpg" alt="" class="w100 mt-40">
        </p>
      </div>
    </div>
@@ -668,12 +664,8 @@
              <p>脑、脊髓以及眼球等器官，可以纳入该类生长发育</p>
            </div>
            <div class="right" style="width: 35%">
              <p class="center">
                <el-image
                  :src="most"
                  :preview-src-list="[most]"
                  class="open-image"
                />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterTwo/0060-1.jpg" alt="" class="w100">
              </p>
              <p class="img">图2-1 身体器官或系统的四种生长发育模式</p>
            </div>
@@ -1348,8 +1340,6 @@
  },
  data() {
    return {
      special: require("../../../assets/images/chapterTwo/0056-1.jpg"),
      most: require("../../../assets/images/chapterTwo/0060-1.jpg"),
      resourceState: "",
      videoState: true,
      learnTableOne: true,

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

@@ -46,8 +46,8 @@
          />
          专题导学
        </h6>
        <p class="blockh6 m0-t0">
          <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
        <p class="blockh6 m0-t0 openImgBox">
          <img src="../../../assets/images/chapterThree/0068-1.jpg" alt="" class="w100 mt-20">
        </p>
      </div>
    </div>
@@ -347,8 +347,8 @@
              </p>
            </div>
            <div class="right" style="width: 35%">
              <p class="center">
                <el-image :src="body" :preview-src-list="[body]" class="open-image" />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterThree/0070-1.jpg" alt="身体动作的发展方向" class="w100">
              </p>
              <p class="img">图3-1 身体动作的发展方向</p>
            </div>

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

@@ -48,12 +48,8 @@
            />
            专题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image
              :src="learn"
              :preview-src-list="[learn]"
              class="open-image"
            />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterFive/0112-1.jpg"  class="w100 mt-20" >
          </p>
        </div>
      </div>
@@ -496,12 +492,8 @@
            衡量食物蛋白质利用率的常用指标是蛋白质生物学价值，简称“生物价”。生物价是反映食物蛋白质消化吸收后，被机体利用程度的指标。生物价越高，表明食物蛋白质被机体的利用程度就越高。完全蛋白质的生物价较高，半完全蛋白质和不完全蛋白质的生物价较低（见表5-1）。
          </p>
          <p class="img">表5-1 常见食物的蛋白质生物价</p>
          <p class="center">
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0117-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -515,12 +507,8 @@
        </div>
        <div class="padding-96">
          <p class="img tl-ri mr-20">续表</p>
          <p class="center">
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0118-1.jpg" class="w100">
          </p>
          <p>计算公式如下。</p>
          <p class="center">蛋白质生物价=氮储存量/氮摄入量×100。</p>
@@ -537,12 +525,8 @@
          </p>
          <p>几种食物混合食用的蛋白质生物价见表5-2。</p>
          <p class="img">表5-2 几种食物混合食用的蛋白质生物价</p>
          <p class="center">
            <el-image
              :src="tableThree"
              :preview-src-list="[tableThree]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0118-2.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -575,12 +559,8 @@
          <p class="img">
            表5-3 中国营养学会推荐的婴幼儿每日膳食中蛋白质的供应量
          </p>
          <p class="center">
            <el-image
              :src="tableFour"
              :preview-src-list="[tableFour]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0119-1.jpg" class="w100">
          </p>
          <h4 id="d130">（二）脂类</h4>
          <p>
@@ -844,13 +824,8 @@
              第五，经常户外活动；定期体格测量，保障健康成长。<a id="w2"></a
              ><a href="chapter005.html#m2"><sup>[2]</sup></a>
            </p>
            <p class="center">
              <el-image
                :src="tower"
                :preview-src-list="[tower]"
                style="width: 80%"
                class="open-image"
              />
            <p class="center openImgBox">
              <img src="../../../assets/images/chapterFive/0124-1.jpg" class="w100">
            </p>
          </div>
          <h3 id="c046">三、非产能营养素＞＞＞＞＞＞</h3>
@@ -1570,12 +1545,8 @@
          <p>乳糖不耐受的婴儿可采用特殊配方奶。</p>
          <p>人乳与各种动物乳成分的比较见表5-4。</p>
          <p class="img">表5-4 人乳与各种动物乳成分的比较</p>
          <p class="center">
            <el-image
              :src="tableFive"
              :preview-src-list="[tableFive]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0135-1.jpg" class="w100">
          </p>
          <h3 id="c049">三、辅食的添加＞＞＞＞＞＞</h3>
          <p>
@@ -1639,12 +1610,8 @@
          </p>
          <p>添加辅食的顺序见表5-5。</p>
          <p class="img">表5-5 添加辅食的顺序</p>
          <p class="center">
            <el-image
              :src="tableSix"
              :preview-src-list="[tableSix]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterFive/0136-1.jpg" class="w100">
          </p>
          <p>
            在添加辅食的过程中应注意，如果婴儿的食欲或大便有异常情况时，应及时酌情调整。
@@ -2764,18 +2731,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterFive/0112-1.jpg"),
      taskOne: require("../../../assets/images/chapterFive/task-sheet1.png"),
      tableOne: require("../../../assets/images/chapterFive/0117-1.jpg"),
      tableTwo: require("../../../assets/images/chapterFive/0118-1.jpg"),
      tableThree: require("../../../assets/images/chapterFive/0118-2.jpg"),
      tableFour: require("../../../assets/images/chapterFive/0119-1.jpg"),
      taskTwo: require("../../../assets/images/chapterFive/task-sheet2.png"),
      tableFive: require("../../../assets/images/chapterFive/0135-1.jpg"),
      tableSix: require("../../../assets/images/chapterFive/0136-1.jpg"),
      taskThree: require("../../../assets/images/chapterFive/task-sheet3.png"),
      taskFour: require("../../../assets/images/chapterFive/task-sheet4.png"),
      tower: require("../../../assets/images/chapterFive/0124-1.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,

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

@@ -47,12 +47,8 @@
            />
            专题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image
              :src="learn"
              :preview-src-list="[learn]"
              class="open-image"
            />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterSix/0148-1.jpg" class="mt-20 w100">
          </p>
        </div>
      </div>
@@ -286,19 +282,11 @@
        </div>
        <div class="padding-96">
          <p class="img">表6-1 孕期发展简表</p>
          <p class="center">
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterSix/0150-1.jpg" class="w100">
          </p>
          <p class="center">
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterSix/0150-2.jpg" class="w100">
          </p>
          <p class="img">图6-1 胎儿致畸敏感期</p>
          <p>
@@ -427,8 +415,8 @@
            20世纪70年代，美国一些科学家发现，所有酗酒的母亲所生的子女常有一些共同的体质和神经症状，于是就把这些共同的体质和神经症状命名为胚胎酒精综合征（FAS）。自此以后，酒精对胎儿所造成的危害，就成了人们关注的焦点之一。
            在生理方面，患有胚胎酒精综合征的儿童的头部显得小而窄；他们的面容也较为独特，如眼距较宽，短鼻，下颌发育不全（见图6-2）；与同龄人相比，体格大多偏小。在心理方面，最显著的症状就
          </p>
          <p class="center">
            <el-image :src="fas" :preview-src-list="[fas]" class="open-image" />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterSix/0153-1.jpg" class="w100">
          </p>
          <p class="img">
            图6-2 患有胚胎酒精综合征（FAS）的婴儿（引自美国FAS社区资源中心）
@@ -975,12 +963,8 @@
            Scale），其由5个指标组成，包括心率、呼吸状况、肌肉弹性、身体颜色和反射敏感性，每个指标为0～2分，记录在一张图上，最后把各项得分相加求和（见表6-2）。这个测试要在新生儿出生后3个特殊的时间段进行，出生后1分钟、出生后5分钟、出生后10分钟，以测量婴儿状况的改善。那些得7分或更高分数的婴儿被认为处于良好的健康状况；那些得4分或分数更低的婴儿则可能有麻烦，为了让他们能够存活下来，往往需要给予紧急的医疗救助。
          </p>
          <p class="img">表6-2 阿普加量表</p>
          <p class="center">
            <el-image
              :src="tableThree"
              :preview-src-list="[tableThree]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterSix/0159-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -2743,16 +2727,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterSix/0148-1.jpg"),
      tableOne: require("../../../assets/images/chapterSix/0150-1.jpg"),
      tableTwo: require("../../../assets/images/chapterSix/0150-2.jpg"),
      fas: require("../../../assets/images/chapterSix/0153-1.jpg"),
      taskOne: require("../../../assets/images/chapterSix/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterSix/task-sheet2.png"),
      tableThree: require("../../../assets/images/chapterSix/0159-1.jpg"),
      taskThree: require("../../../assets/images/chapterSix/task-sheet3.png"),
      taskFour: require("../../../assets/images/chapterSix/task-sheet4.png"),
      taskFive: require("../../../assets/images/chapterSix/task-sheet5.png"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,

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

@@ -45,8 +45,8 @@
            />
            专题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterSeven/0180-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -2457,8 +2457,8 @@
            <p class="img">
              常见急性传染病的潜伏期、患者隔离期和接触者检疫期限表
            </p>
            <p class="center">
              <el-image :src="tableTwo" :preview-src-list="[tableTwo]" class="open-image" />
            <p class="center openImgBox">
              <img src="../../../assets/images/chapterSeven/0204-1.jpg" class="w100">
            </p>
          </div>
        </div>
@@ -2477,8 +2477,8 @@
        <div class="padding-96">
          <div class="fieldset">
            <p class="img">续表</p>
            <p class="center">
              <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" />
            <p class="center openImgBox">
              <img src="../../../assets/images/chapterSeven/0205-1.jpg" class="w100">
            </p>
          </div>
          <h5 id="e200">2.切断传播途径</h5>
@@ -3239,8 +3239,8 @@
          </div>
          <div class="fl fl-around">
            <div class="left" style="width: 48%">
              <p class="center" style="margin-top: 50px">
                <el-image :src="insect" :preview-src-list="[insect]"  class="open-image"/>
              <p class="center openImgBox" style="margin-top: 50px">
                <img src="../../../assets/images/chapterSeven/0219-2.jpg" style="width:95%">
              </p>
              <p class="img">图7-1 蛲虫生活史</p>
            </div>
@@ -3619,16 +3619,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterSeven/0180-1.jpg"),
      taskOne: require("../../../assets/images/chapterSeven/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterSeven/task-sheet2.png"),
      tableOne: require("../../../assets/images/chapterSix/0150-1.jpg"),
      taskThree: require("../../../assets/images/chapterSeven/task-sheet3.png"),
      taskFour: require("../../../assets/images/chapterSeven/task-sheet4.png"),
      taskFive: require("../../../assets/images/chapterSeven/task-sheet5.png"),
      tableTwo: require("../../../assets/images/chapterSeven/0204-1.jpg"),
      tableThree: require("../../../assets/images/chapterSeven/0205-1.jpg"),
      insect: require("../../../assets/images/chapterSeven/0219-2.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,

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

@@ -53,8 +53,9 @@
            />
            专题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterEight/0223-1.jpg" class="w100">
           
          </p>
        </div>
      </div>
@@ -999,7 +1000,7 @@
        </div>
        <div class="padding-96">
          <h5 id="e270">2.咽部异物</h5>
          <div class="fl fl-around">
          <div class="fl fl-around ">
            <div class="left" style="width: 38%">
              <p>
                咽部异物以鱼刺、骨头渣、枣核等较为多见。异物大多扎在扁桃体或其周围，引起疼痛，吞咽时疼痛加剧。咽部异物最好用镊子取出，切不可采用食醋或大口吞饭的办法，否则会使异物越扎越深，出现危险。若无法取出，应立即送医院处理。
@@ -1034,20 +1035,16 @@
            处理办法：对较小幼儿，宜速将其抱起，头低脚高，拍背（见图8-1）。经上述处理，有时可使夹在喉部的异物咳出。使用该法无效，则速送医院急救。对较大幼儿可采用海姆利希手法。救护者可从后方搂住幼儿腰部，用大拇指的一侧顶住幼儿上腹部，间断地向上、向后，冲击性推压，促使横膈肌挤压肺部，产生气流，将进入气管的异物冲出（见图8-2）。使用该法无效，则速送医院急救。
          </p>
  
          <div class="fl fl-around">
          <div class="fl fl-around openImgBox">
            <div class="left" style="width: 60%">
              <p class="center">
                <el-image
                  :src="backslapping"
                  :preview-src-list="[backslapping]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0231-2.jpg" class="w100">
              </p>
              <p class="img">图8-1 拍背法操作示意图</p>
            </div>
            <div class="right" style="width: 33%">
              <p class="center">
                <el-image :src="backsla" :preview-src-list="[backsla]" class="open-image" />
                <img src="../../../assets/images/chapterEight/0231-3.jpg" class="w100">
              </p>
              <p class="img">图8-2 海姆利希手法操作示意图</p>
            </div>
@@ -1155,8 +1152,8 @@
              </p>
            </div>
            <div class="right" style="width: 20%">
              <p class="center">
                <el-image :src="syncope" :preview-src-list="[syncope]" class="open-image" />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterEight/0233-2.jpg" class="w100">
              </p>
              <p class="img">图8-3 晕厥的处理</p>
            </div>
@@ -1462,26 +1459,16 @@
        </div>
        <div class="padding-96">
          <p class="t0">处，见图8-5）。</p>
          <div class="fl">
          <div class="fl openImgBox">
            <div class="left" style="width: 50%">
              <p class="center">
                <el-image
                  style="width: 60%"
                  :src="pressingOne"
                  :preview-src-list="[pressingOne]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0238-1.jpg" class="w100">
              </p>
              <p class="img">图8-4 双指按压法</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  style="width: 60%"
                  :src="pressingTwo"
                  :preview-src-list="[pressingTwo]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0238-2.jpg" class="w100">
              </p>
              <p class="img">图8-5 双手环抱拇指按压法</p>
            </div>
@@ -1490,36 +1477,45 @@
          <p>
            ③对于较大儿童，可用单手或双手按压胸骨下半部。单手胸外按压时，可用一只手固定患儿头部，以便通气，另一手的手掌根部置于胸骨下半段，手掌根的长轴与胸骨的长轴一致（见图8-6）。双手胸外按压时，将一手掌根部重叠放在另一手背上，十指相扣，下面手的手指抬起，手掌根部垂直按压胸骨下半部（见图8-7）。
          </p>
          <div class="fl fl-around">
          <div class="fl fl-around openImgBox">
            <div class="left" style="width: 40%">
              <p class="center">
                <el-image
                  :src="pressingThree"
                  :preview-src-list="[pressingThree]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0238-3.jpg" class="w100">
              </p>
              <p class="img">图8-6 单手胸外按压</p>
            </div>
            <div class="right" style="width: 40%">
              <el-carousel loop trigger="click" class="bones-carousel carousel-image">
                <el-carousel-item
                  v-for="(item, index) in pressList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="pressList"
                    :preview-teleported="true"
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel>
              <div class="banshi openImgBox" style="height:214px">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterEight/pase1.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterEight/pase2.png"
                          />
                        </div>
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
                </div>
              <p class="img">图8-7 双手胸外按压</p>
            </div>
          </div>
  
          <p>
            注意：①按压深度至少为胸前后径的1/3（婴儿大约为4厘米，幼儿大约为5厘米）。按压频率为100～120次/分。每一次按压后，让胸廓充分回弹，以保障心脏血流的充盈。应保持胸外按压的连续性，尽量减少胸外按压的中断（＜10秒）。有条件时在每5个循环心肺复苏即2分钟后换人按压，以保证按压效果。
          </p>
@@ -1552,26 +1548,16 @@
          <p>
            （2）托颌法。当患儿颈椎不能运动或怀疑有颈椎损伤时可采用托颌法。将双手放置在患儿头部两侧，握住下颌角，向上托下颌，使头部后仰程度为下颌角与耳垂连线和地面成60°（幼儿）或30°（婴儿）（见图8-9）。操作过程中需注意手指不可压颌下软组织，以免阻塞气道。
          </p>
          <div class="fl">
          <div class="fl openImgBox">
            <div class="left" style="width: 50%">
              <p class="center">
                <el-image
                  :src="upward"
                  :preview-src-list="[upward]"
                  style="width: 50%"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0239-1.jpg" class="w100">
              </p>
              <p class="img">图8-8 仰头抬颌法</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  style="width: 65%"
                  :src="upwards"
                  :preview-src-list="[upwards]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0239-2.jpg" class="w100">
              </p>
              <p class="img">图8-9 托颌法</p>
            </div>
@@ -1608,8 +1594,8 @@
          <h5 id="e286">2.指压止血法</h5>
          <div class="fl fl-around">
            <div class="left" style="width: 25%">
              <p class="center">
                <el-image :src="hemostasis" :preview-src-list="[hemostasis]"  class="open-image" />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterEight/0240-1.jpg" class="w100">
              </p>
              <p class="img">图8-10 指压止血法常用止血部位</p>
            </div>
@@ -2423,24 +2409,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterEight/0223-1.jpg"),
      taskOne: require("../../../assets/images/chapterEight/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterEight/task-sheet2.png"),
      taskThree: require("../../../assets/images/chapterEight/task-sheet3.png"),
      backslapping: require("../../../assets/images/chapterEight/0231-2.jpg"),
      backsla: require("../../../assets/images/chapterEight/0231-3.jpg"),
      syncope: require("../../../assets/images/chapterEight/0233-2.jpg"),
      pressingOne: require("../../../assets/images/chapterEight/0238-1.jpg"),
      pressingTwo: require("../../../assets/images/chapterEight/0238-2.jpg"),
      pressingThree: require("../../../assets/images/chapterEight/0238-3.jpg"),
      pressingFour: require("../../../assets/images/chapterEight/0238-4.jpg"),
      pressList: [
        require("../../../assets/images/chapterEight/pase1.png"),
        require("../../../assets/images/chapterEight/pase2.png"),
      ],
      upward: require("../../../assets/images/chapterEight/0239-1.jpg"),
      upwards: require("../../../assets/images/chapterEight/0239-2.jpg"),
      hemostasis: require("../../../assets/images/chapterEight/0240-1.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,

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

@@ -49,12 +49,8 @@
            />
            专题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image
              :src="learn"
              :preview-src-list="[learn]"
              class="open-image"
            />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterNine/0248-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -1758,8 +1754,6 @@
  data() {
    return {
      learn: require("../../../assets/images/chapterNine/0248-1.jpg"),
      taskOne: require("../../../assets/images/chapterNine/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterNine/task-sheet2.png"),
      tableOne: require("../../../assets/images/chapterNine/0250-1.jpg"),
      tableTwo: require("../../../assets/images/chapterNine/0260-1.jpg"),
      learnTableOne: true,

 src/books/childHealth/view/content/index.vue

@@ -597,7 +597,7 @@
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-container");
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
@@ -605,8 +605,42 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            ),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // 分页器可以点击
          // }
        });
      }
      // swiper-container
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        debugger
        const dom = pptDoms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: false,
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
@@ -622,13 +656,6 @@
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // 分页器可以点击
          // }
        });
      }
    },

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

@@ -668,8 +668,7 @@
          </div>
  
          <video
            v-if="videoOne"
            :src="config.resourceCtx + '/配套学习资源/p7/MCGS安装视频带音频.mp4'"
            :src="config.activeBook.resourceUrl + '/配套学习资源/p7/MCGS安装视频带音频.mp4'"
            webkit-playsinline="true"
            x-webkit-airplay="true"
            playsinline="true"
@@ -721,7 +720,7 @@
            </p>
            <div class="qrbodyPic">
              <div class="banshi openImgBox">
                  <div class="swiper-container">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
@@ -1459,7 +1458,7 @@
                </el-carousel-item>
              </el-carousel> -->
              <div class="banshi openImgBox">
                  <div class="swiper-container">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
@@ -1886,9 +1885,6 @@
  .p08 {
    padding: 0 8px;
  }
  // li {
  //   padding: 0 8px;
  // }
  li:last-child {
    border: 0;
  }

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

@@ -524,7 +524,7 @@
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-container");
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
@@ -532,8 +532,42 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            ),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // 分页器可以点击
          // }
        });
      }
      // swiper-container
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        debugger
        const dom = pptDoms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: false,
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
@@ -548,14 +582,7 @@
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // 分页器可以点击
          // }
          observeParents: true
        });
      }
    },