优化

unknown

2024-06-05 c3a97e9da90ab1a34f766acd35944d295cc5a6bf

优化

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

@@ -505,7 +505,7 @@
          <div class="bodystyle">
            <h3 id="c002" class="fl al-cn">
              <span class="bjh3">Listening</span>
              <audio :src="resource.listenOne" controls></audio>
              <audio :src="resource.listenOne" controls class="audio"></audio>
            </h3>
            <p>
              <b
@@ -526,7 +526,7 @@
            </div>
            <h3 id="c003" class="fl al-cn">
              <span class="bjh3">Reading</span>
              <audio :src="resource.readingOne" controls></audio>
              <audio :src="resource.readingOne" controls class="audio"></audio>
            </h3>
            <p>
              1.How was Chinese culture introduced to the world in ancient
@@ -735,6 +735,7 @@
              :src="resource.readingTwo"
              controls
              style="margin-left: 10px"
              class="audio"
            ></audio>
            <p>wonderland /ˈwʌndəlænd/ <i>n.</i> 有许多奇妙事物的地方</p>
            <div class="bkbj">
@@ -2800,5 +2801,11 @@
select {
  height: 24px;
}

.mini-audio {
  width: 200px;
  height: 200px;
  position: fixed;
  right:0;
  background-color: red;
}
</style>

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

@@ -18,12 +18,14 @@
        :showPageList="loadPageList"
      ></chapterOne>
    </div>
    <miniAudio :path="audioPath"></miniAudio>
  </div>
</template>

<script>
import pageHeader from "./header.vue";
import chapterOne from "./chapter001.vue";
import miniAudio from "@/components/miniAudio/index.vue";
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import Swiper from "swiper/bundle";
@@ -31,6 +33,7 @@
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  name: "page-main",
  data() {
    return {
      catalogLength: 2, // 总章节数
@@ -44,6 +47,7 @@
      loadPageList: [],
      questionData: {},
      renderSignMap: {},
      audioPath:''
    };
  },
  computed: {
@@ -78,6 +82,7 @@
        setTimeout(() => {
          this.initSwiper();
          this.initViewer();
          this.getAduio();
        }, 200);
      },
    },
@@ -565,40 +570,40 @@
      for (let i = 0; i < pptDoms.length; i++) {
        const dom = pptDoms[i];
        new Swiper(dom, {
        loop: false, // 无缝
        autoplay: false,
        paginationClickable: true,
        slidesPerView: 1, // 一组三个
        spaceBetween: 30, // 间隔
        // 如果需要前进后退按钮
        navigation: {
          nextEl: (this.container ? this.container : document).querySelector(
            ".swiper-button-next"
          ),
          prevEl: (this.container ? this.container : document).querySelector(
            ".swiper-button-prev"
          ),
        },
        // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
        observer: true,
        observeParents: true,
        on: {
          init:(value) => {
            let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
            let totalPages = value.slides.length; // 获取总页数
            var paginationInfoEl = dom.querySelector('.pageBox');
            if(paginationInfoEl)
              paginationInfoEl.textContent = currentPage + '/' + totalPages;
          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"
            ),
          },
          slideChange:(value) => {
            let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
            let totalPages = value.slides.length; // 获取总页数
            var paginationInfoEl = dom.querySelector('.pageBox');
            if(paginationInfoEl)
              paginationInfoEl.textContent = currentPage + '/' + totalPages;
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          on: {
            init: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
            slideChange: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
          },
        },
      });
        });
      }
    },
    initViewer() {
@@ -622,7 +627,7 @@
      console.log("生僻字", event, word);
      if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
        this.$store.state.qiankun.chooseWords({
          type:"word",
          type: "word",
          word,
          x: event.pageX,
          y: event.pageY,
@@ -630,10 +635,25 @@
      }
      // chooseWords
    },
    // 获取auido实例
    getAduio() {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      allVideo = Array.from(allVideo)
      if (allVideo.length) {
        const playAudio = allVideo.reverse().find((item) => item.paused == false);
        if (playAudio) {
          console.log("第个音频在播放", playAudio.src);
          this.audioPath = playAudio.src
        }
      }
    },
  },
  components: {
    pageHeader,
    chapterOne,
    miniAudio,
  },
};
</script>

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

@@ -46,7 +46,11 @@
          专题导学
        </h6>
        <p class="blockh6 m0-t0 openImgBox">
          <img src="../../../assets/images/chapterFour/0094-1.jpg" alt="" class="w100 mt-20">
          <img
            src="../../../assets/images/chapterFour/0094-1.jpg"
            alt=""
            class="w100 mt-20"
          />
        </p>
      </div>
    </div>
@@ -71,15 +75,28 @@
              专题四学习主题二 学前儿童卫生与保健自主学习任务单 学习指南</span
            >
            <span class="t0 svg-btn" @click="changeResources('learnTableOne')">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="17"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path class="a"
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)" />
                  <path class="a"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)" />
                  <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
@@ -317,9 +334,7 @@
    <div class="page-box" page="91">
      <div v-if="showPageList.indexOf(91) > -1">
        <div class="page-header-box">
          <span class="page-header-text" 
            >专题四&nbsp;学前儿童健康评价</span
          >
          <span class="page-header-text">专题四&nbsp;学前儿童健康评价</span>
          <span class="page-header-num">83</span>
        </div>
        <div class="padding-96">
@@ -372,7 +387,7 @@
              体重测量应在早晨、空腹、便后进行。儿童可裸体或穿背心、短裤，也可在测后扣除衣服质量。
            </p> -->
            <p>（2）身高（长）</p>
    

            <p>
              身高（长）是人体站立时颅顶到脚跟（与地面相及处）的垂直高度。3岁以下儿童立位测量不准确，应采用仰卧位测量，故身高又称身长；3岁以后可立位测量，称身高。立位与仰卧位测量值相差1～2厘米。
            </p>
@@ -409,7 +424,7 @@
            <p>
              3岁以上儿童用身高计测量身高。在使用身高计测量时，受测儿童脱去鞋帽，取立正姿势站在身高计的底板上，头部保持正直，两眼平视前方，胸部稍挺起，两臂自然下垂，手指并拢，脚跟靠拢，足尖分开，足跟、臀部、两肩胛间三点同时靠在身高计的垂直立柱上，然后测量。测量者将滑侧板轻轻移动，直至接触受测儿童头顶，读立柱上数字，误差不得超过0.1厘米。
            </p>
    

            <div class="fl fl-around">
              <div class="left" style="width: 38%">
                <p>
@@ -439,11 +454,11 @@
            </p>
          </div>
        </div>
    </div>
      </div>
    </div>
    <!-- 84 -->
    <div class="page-box" page="92">
      <div v-if="showPageList.indexOf(92) > -1">      
      <div v-if="showPageList.indexOf(92) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
@@ -508,15 +523,13 @@
            生长发育的主要形态指标还包括代表营养状况的臂围、腹围和各部位皮褶厚度等。
          </p>
        </div>
    </div>
      </div>
    </div>
    <!-- 85 -->
    <div class="page-box" page="93">
      <div v-if="showPageList.indexOf(93) > -1">      
      <div v-if="showPageList.indexOf(93) > -1">
        <div class="page-header-box">
          <span class="page-header-text" 
            >专题四&nbsp;学前儿童健康评价</span
          >
          <span class="page-header-text">专题四&nbsp;学前儿童健康评价</span>
          <span class="page-header-num">85</span>
        </div>
        <div class="padding-96">
@@ -574,11 +587,11 @@
            尿液一般性状检查包括尿液的气味、尿量、颜色、透明度等。尿液有腐臭味，可见于泌尿系统化脓菌感染；尿量减少，可见于急性肾小球肾炎、高热、呕吐和腹泻；尿液颜色
          </p>
        </div>
    </div>
      </div>
    </div>
    <!-- 86 -->
    <div class="page-box" page="94">
      <div v-if="showPageList.indexOf(94) > -1">      
      <div v-if="showPageList.indexOf(94) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
@@ -620,15 +633,13 @@
            理想标准所选样本是生活在最适宜环境中的儿童，喂养和膳食安排合理，营养供给充足，有良好的生活居住环境，可以得到良好的医疗保健服务。在这一环境中生活的儿童，其生长潜力得到较好的发挥，生长发育状况较为理想。因而理想标准高于现状标准，高于一般儿童的发育水平。目前国际上常用的美国国家健康统计中心制定的国际标准或称世界卫生组织（WHO）标准即为理想标准。
          </p>
        </div>
    </div>
      </div>
    </div>
    <!-- 87 -->
    <div class="page-box" page="95">
      <div v-if="showPageList.indexOf(95) > -1">      
      <div v-if="showPageList.indexOf(95) > -1">
        <div class="page-header-box">
          <span class="page-header-text" 
            >专题四&nbsp;学前儿童健康评价</span
          >
          <span class="page-header-text">专题四&nbsp;学前儿童健康评价</span>
          <span class="page-header-num">87</span>
        </div>
        <div class="padding-96">
@@ -668,11 +679,11 @@
            等级评价法常用的指标是身高和体重。个体儿童的身高、体重数值在标准均值±2个标准差范围内，均被视为正常，大约95%的儿童属于该范围。在标准均值±2个标准差以外
          </p>
        </div>
    </div>
      </div>
    </div>
    <!-- 88 -->
    <div class="page-box" page="96">
      <div v-if="showPageList.indexOf(96) > -1">      
      <div v-if="showPageList.indexOf(96) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
@@ -713,15 +724,13 @@
            发育年龄又称为生物年龄或生理年龄。受遗传和环境的影响，儿童的生长发育存在个
          </p>
        </div>
    </div>
      </div>
    </div>
    <!-- 89 -->
    <div class="page-box" page="97">
      <div v-if="showPageList.indexOf(97) > -1">      
      <div v-if="showPageList.indexOf(97) > -1">
        <div class="page-header-box">
          <span class="page-header-text" 
            >专题四&nbsp;学前儿童健康评价</span
          >
          <span class="page-header-text">专题四&nbsp;学前儿童健康评价</span>
          <span class="page-header-num">89</span>
        </div>
        <div class="padding-96">
@@ -773,11 +782,11 @@
            </div>
          </div>
        </div>
    </div>
      </div>
    </div>
    <!-- 90 -->
    <div class="page-box" page="98">
      <div v-if="showPageList.indexOf(98) > -1">      
      <div v-if="showPageList.indexOf(98) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
@@ -816,19 +825,19 @@
          <p>①头部。头颅大小、前囟大小及闭合情况，有无方颅及颅骨软化。</p>
          <p>②眼。眼睑形状、巩膜颜色、视力、眼距等是否正常。</p>
          <p>③耳。有无外耳畸形，耳道结构、听力等是否正常。</p>
          <p>④口腔。口腔颜色和形状、口腔黏膜、牙齿数目是否正常，是否有龋齿等。</p>
          <p>
            ④口腔。口腔颜色和形状、口腔黏膜、牙齿数目是否正常，是否有龋齿等。
          </p>
          <p>⑤胸部。胸廓有无畸形，听诊有无心脏杂音及肺内啰音。</p>
          <p>⑥腹部。腹部有无异常包块、肝脾有无异常肿大。</p>
        </div>
    </div>
      </div>
    </div>
    <!-- 91 -->
    <div class="page-box" page="99">
      <div v-if="showPageList.indexOf(99) > -1">      
      <div v-if="showPageList.indexOf(99) > -1">
        <div class="page-header-box">
          <span class="page-header-text" 
            >专题四&nbsp;学前儿童健康评价</span
          >
          <span class="page-header-text">专题四&nbsp;学前儿童健康评价</span>
          <span class="page-header-num">91</span>
        </div>
        <div class="padding-96">
@@ -849,7 +858,12 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题四 学习主题一</span>
            <examinations v-if="questionData && questionData[99]" :cardList="questionData[99]" :chapter="4" :page="91" />
            <examinations
              v-if="questionData && questionData[99]"
              :cardList="questionData[99]"
              :chapter="4"
              :page="91"
            />
          </p>
          <h2 class="module_block" id="b017">
            <div class="custom1">学习主题二</div>
@@ -861,15 +875,28 @@
              >专题四学习主题二 学前儿童心理健康的评价自主学习任务单</span
            >
            <span class="t0 svg-btn" @click="changeResources('learnTableTwo')">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="17"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path class="a"
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)" />
                  <path class="a"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)" />
                  <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
@@ -1001,7 +1028,9 @@
            </tr>
            <tr>
              <td>
                <span class="ds-bl">针对自己在学习过程中的疑惑和问题提问。</span>
                <span class="ds-bl"
                  >针对自己在学习过程中的疑惑和问题提问。</span
                >
              </td>
            </tr>
          </table>
@@ -1037,7 +1066,7 @@
    </div>
    <!-- 92 -->
    <div class="page-box" page="100">
      <div v-if="showPageList.indexOf(100) > -1">      
      <div v-if="showPageList.indexOf(100) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
@@ -1081,11 +1110,9 @@
    </div>
    <!-- 93 -->
    <div class="page-box" page="101">
      <div v-if="showPageList.indexOf(101) > -1">      
      <div v-if="showPageList.indexOf(101) > -1">
        <div class="page-header-box">
          <span class="page-header-text" 
            >专题四&nbsp;学前儿童健康评价</span
          >
          <span class="page-header-text">专题四&nbsp;学前儿童健康评价</span>
          <span class="page-header-num">93</span>
        </div>
        <div class="padding-96">
@@ -1127,11 +1154,11 @@
          <p>第八，用食指、拇指端捏小丸，捏时腕部离桌面，从上面捏。</p>
          <p>第九，临摹画圆，不可示范，不可说出名称。线的头尾连接成圆即可。</p>
        </div>
    </div>
      </div>
    </div>
    <!-- 94 -->
    <div class="page-box" page="102">
      <div v-if="showPageList.indexOf(102) > -1">      
      <div v-if="showPageList.indexOf(102) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
@@ -1184,15 +1211,13 @@
            第二十八，嘱儿童后退走，前脚跟与后脚尖的距离不超过2.5厘米。检查者可示范，要求儿童连续退4步。（3试2成功算通过。）
          </p>
        </div>
    </div>
      </div>
    </div>
    <!-- 95 -->
    <div class="page-box" page="103">
      <div v-if="showPageList.indexOf(103) > -1">      
      <div v-if="showPageList.indexOf(103) > -1">
        <div class="page-header-box">
          <span class="page-header-text" 
            >专题四&nbsp;学前儿童健康评价</span
          >
          <span class="page-header-text">专题四&nbsp;学前儿童健康评价</span>
          <span class="page-header-num">95</span>
        </div>
        <div class="padding-96">
@@ -1264,7 +1289,7 @@
    </div>
    <!-- 96 -->
    <div class="page-box" page="104">
      <div v-if="showPageList.indexOf(104) > -1">      
      <div v-if="showPageList.indexOf(104) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
@@ -1313,15 +1338,13 @@
            贝利婴儿发育量表评估婴幼儿智力发育水平相对较全面、精确。每次测验时间45～60分钟，中国已有标准化的量表。
          </p>
        </div>
    </div>
      </div>
    </div>
    <!-- 97 -->
    <div class="page-box" page="105">
      <div v-if="showPageList.indexOf(105) > -1">      
      <div v-if="showPageList.indexOf(105) > -1">
        <div class="page-header-box">
          <span class="page-header-text" 
            >专题四&nbsp;学前儿童健康评价</span
          >
          <span class="page-header-text">专题四&nbsp;学前儿童健康评价</span>
          <span class="page-header-num">97</span>
        </div>
        <div class="padding-96">
@@ -1351,7 +1374,12 @@
          </h6>
          <p class="blockh6-c center">
            <span class="img center dl-bl w100">专题四 学习主题二</span>
            <examinations v-if="questionData && questionData[105]" :cardList="questionData[105]" :chapter="4" :page="97" />
            <examinations
              v-if="questionData && questionData[105]"
              :cardList="questionData[105]"
              :chapter="4"
              :page="97"
            />
          </p>
          <h6 class="Conclusion-title4">专题小结</h6>
          <p class="blockh6">
@@ -1367,11 +1395,11 @@
            解亚宁、戴晓阳：《实用心理测验》，30～35页，北京，中国医药科技出版社，2006。
          </p>
        </div>
    </div>
      </div>
    </div>
    <!-- 98 -->
    <div class="page-box" page="106">
      <div v-if="showPageList.indexOf(106) > -1">      
      <div v-if="showPageList.indexOf(106) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
@@ -1427,10 +1455,20 @@
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations v-if="questionData && questionData[106][1]" :cardList="questionData[106][1]" :chapter="4" :page="981" />
            <examinations
              v-if="questionData && questionData[106][1]"
              :cardList="questionData[106][1]"
              :chapter="4"
              :page="981"
            />
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
            <examinations v-if="questionData && questionData[106][2]" :cardList="questionData[106][2]" :chapter="4" :page="982" />
            <examinations
              v-if="questionData && questionData[106][2]"
              :cardList="questionData[106][2]"
              :chapter="4"
              :page="982"
            />
          </p>
          <p class="custom_tag">•应用与探讨•</p>
          <p>1.测量幼儿的身高、体重、头围和胸围。</p>
@@ -1449,23 +1487,27 @@
            ></textarea>
          </p>
        </div>
    </div>
      </div>
    </div>
  </div>
</template>

<script>
import examinations from "@/components/examinations/index.vue";
import {getResourcePath} from "@/assets/methods/resources";
import { getResourcePath } from "@/assets/methods/resources";
export default {
  components: {  examinations },
  props:{
    questionData:{
      type:Object
  components: { examinations },
  props: {
    questionData: {
      type: Object,
    },
    showPageList:{
      type:Array
    }
    showPageList: {
      type: Array,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
@@ -1477,7 +1519,7 @@
      pathFour: "",
      pathFive: "",
      pathSix: "",
      saveTime:20,
      saveTime: 20,
      chapterFourData: {
        experienceOne: "",
        experienceTwo: "",
@@ -1489,9 +1531,9 @@
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven:"",
          qEnight:"",
          qNine:""
          qSeven: "",
          qEnight: "",
          qNine: "",
        },
        learnTableTwo: {
          qOne: "",
@@ -1505,32 +1547,37 @@
          short: {
            qOne: "",
            qTwo: "",
            qThree:"",
            qFour:"",
            qFive:"",
            qThree: "",
            qFour: "",
            qFive: "",
          },
        },
      },
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterFourData");
    if (localData) {
      this.chapterFourData = JSON.parse(localData);
    }
    window.timerFour = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
    if (!this.isSearch) {
      const localData = localStorage.getItem("chapterFourData");
      if (localData) {
        this.chapterFourData = JSON.parse(localData);
      }
    }, 1000);
    this.getVideoPath()
      window.timerFour = setInterval(() => {
        this.saveTime--;
        if (this.saveTime == 0) {
          this.saveChapterOneData();
        }
      }, 1000);
      this.getVideoPath();
    }
  },
  unmounted() {
    if (window.timerFour) {
      clearInterval(window.timerFour);
    }
    localStorage.setItem("chapterFourData", JSON.stringify(this.chapterFourData));
    localStorage.setItem(
      "chapterFourData",
      JSON.stringify(this.chapterFourData)
    );
  },
  methods: {
    changeResources(type) {
@@ -1541,14 +1588,24 @@
      }
    },
    async getVideoPath() {
      this.$data.pathOne = await getResourcePath("f2980359eb32cb3b74b284bf5348a596");
      this.$data.pathTwo = await getResourcePath("2677fc38748eeac767a4b3fab5989a38");
      this.$data.pathOne = await getResourcePath(
        "f2980359eb32cb3b74b284bf5348a596"
      );
      this.$data.pathTwo = await getResourcePath(
        "2677fc38748eeac767a4b3fab5989a38"
      );
      this.$data.pathThree = await getResourcePath(
        "87836d6f409df33817589b6b67514979"
      );
      this.$data.pathFour = await getResourcePath("24a624217470bdea16d22e3a25cc8aa5");
      this.$data.pathFive = await getResourcePath("df98433d6a6cbd5e768ec1bf721619e4");
      this.$data.pathSix = await getResourcePath("14916e143d49e15f94964ad0f8c372f1");
      this.$data.pathFour = await getResourcePath(
        "24a624217470bdea16d22e3a25cc8aa5"
      );
      this.$data.pathFive = await getResourcePath(
        "df98433d6a6cbd5e768ec1bf721619e4"
      );
      this.$data.pathSix = await getResourcePath(
        "14916e143d49e15f94964ad0f8c372f1"
      );
    },
    saveChapterOneData() {
      this.saveTime = 20;

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

@@ -60,7 +60,7 @@
      </div>
    </div>
    <!-- 2 -->
    <div class="page-box" page="10"  :show="showPageList.indexOf(10) > -1">
    <div class="page-box" page="10" :show="showPageList.indexOf(10) > -1">
      <div v-show="showPageList.indexOf(10) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
@@ -389,7 +389,11 @@
              </p>
              <div class="text-img-box">
                <div style="margin-right: 50px" class="openImgBox">
                  <img src="../../../assets/images/chapterOne/0015-5.jpg" class="w100" alt="">
                  <img
                    src="../../../assets/images/chapterOne/0015-5.jpg"
                    class="w100"
                    alt=""
                  />
                  <span class="img">图1-1 人体全身骨骼（前面观）</span>
                </div>
                <div>
@@ -458,34 +462,25 @@
            </div>
            <div class="bottom-right" style="width: 35%">
              <div class="mt-40">
                <div class="banshi openImgBox" style="height: 364px;">
                <div class="banshi openImgBox" style="height: 364px">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                        <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../../assets/images/chapterOne/bones1.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                        <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../../assets/images/chapterOne/bones2.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                        <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../../assets/images/chapterOne/bones3.png"
                          />
@@ -528,7 +523,11 @@
              class="left fl fl-di fl-evenly openImgBox"
              style="width: 30%; margin-top: 5px"
            >
              <img src="../../../assets/images/chapterOne/0017-1.jpg" alt="" class="w100">
              <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">
@@ -546,33 +545,29 @@
          <div class="fl">
            <div class="left" style="width: 30%">
              <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 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-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/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">
@@ -609,43 +604,34 @@
            </p>
            <div class="right fl fl-cn fl-di" style="width: 55%">
              <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 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-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/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>
@@ -975,7 +961,11 @@
              <h5 id="e012">1.鼻</h5>
            </div>
            <div class="right openImgBox" style="width: 50%">
              <img src="../../../assets/images/chapterOne/0020-2.jpg" alt="" class="w100">
              <img
                src="../../../assets/images/chapterOne/0020-2.jpg"
                alt=""
                class="w100"
              />
              <p class="img">图1-6 呼吸系统示意图</p>
            </div>
          </div>
@@ -1046,7 +1036,11 @@
            </div>
            <div class="right" style="width: 20%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0021-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0021-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-7 喉腔模式图</p>
            </div>
@@ -1070,7 +1064,11 @@
          </p>
          <p class="img">表1-1 不同年龄的人的呼吸频率</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0021-2.jpg" alt="" class="w100">
            <img
              src="../../../assets/images/chapterOne/0021-2.jpg"
              alt=""
              class="w100"
            />
          </p>
        </div>
      </div>
@@ -1420,7 +1418,11 @@
            循环系统包括血液循环系统（心血管系统）和淋巴系统。血液循环系统由心脏和血管组成，血管包括动脉、静脉和毛细血管（见图1-8）。淋巴系统由淋巴管道、淋巴器官和淋巴组织组成。
          </p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0024-1.jpg" alt="" style="width:80%">
            <img
              src="../../../assets/images/chapterOne/0024-1.jpg"
              alt=""
              style="width: 80%"
            />
          </p>
          <p class="img">图1-8 血液循环示意图</p>

@@ -1456,7 +1458,11 @@
          <p>（1）血液量占体重的比例大于成人（见表1-2）</p>
          <p class="img">表1-2 不同年龄的血液量</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0024-3.jpg" alt="" class="w100" />
            <img
              src="../../../assets/images/chapterOne/0024-3.jpg"
              alt=""
              class="w100"
            />
          </p>
        </div>
      </div>
@@ -1507,7 +1513,11 @@
          </p>
          <p class="img">表1-3 不同年龄的心率</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0025-1.jpg" alt="" class="w100" />
            <img
              src="../../../assets/images/chapterOne/0025-1.jpg"
              alt=""
              class="w100"
            />
          </p>
        </div>
      </div>
@@ -1616,7 +1626,7 @@
            <span class="img center dl-bl w100">专题一 学习主题三</span>
            <examinations
              :cardList="questionData[22]"
              v-if="questionData  && questionData[22]"
              v-if="questionData && questionData[22]"
              :chapter="1"
              :page="14"
            />
@@ -1869,7 +1879,11 @@
            </div>
            <div class="right" style="width: 35%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0028-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0028-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-9 消化系统模式图</p>
            </div>
@@ -1929,11 +1943,19 @@
          <p>每一颗乳牙和恒牙的萌出都有固定的时间，见表1-4、表1-5。</p>
          <p class="img">表1-4 乳牙萌出时间顺序（以月龄计算）</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0029-1.jpg" alt="" class="w100" />
            <img
              src="../../../assets/images/chapterOne/0029-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <p class="img">表1-5 恒牙萌出时间</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0029-2.jpg" alt="" class="w100">
            <img
              src="../../../assets/images/chapterOne/0029-2.jpg"
              alt=""
              class="w100"
            />
          </p>
          <h5 id="e021">2.舌</h5>
          <p>
@@ -2079,7 +2101,7 @@
            <span class="img center dl-bl w100">专题一 学习主题四</span>
            <examinations
              :cardList="questionData[27]"
              v-if="questionData  && questionData[27]"
              v-if="questionData && questionData[27]"
              :chapter="1"
              :page="19"
            />
@@ -2328,7 +2350,11 @@
          <div class="fl fl-around">
            <div class="left" style="width: 35%">
              <p class="center openImgBox" style="margin-top: 0">
                <img src="../../../assets/images/chapterOne/0033-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0033-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-10 泌尿系统模式图（男性）</p>
            </div>
@@ -2641,13 +2667,21 @@
          <div class="fl">
            <div class="left" style="width: 50%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0036-1.png" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0036-1.png"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-11 男性生殖系统示意图</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0036-2.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0036-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-12 女性生殖系统示意图</p>
            </div>
@@ -2703,7 +2737,7 @@
            >
            <examinations
              :cardList="questionData[32]"
              v-if="questionData  && questionData[32]"
              v-if="questionData && questionData[32]"
              :chapter="1"
              :page="24"
            />
@@ -2966,7 +3000,11 @@
            </div>
            <div class="right" style="width: 50%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0038-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0038-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-13 内分泌系统示意图</p>
            </div>
@@ -2989,7 +3027,11 @@
            </div>
            <div class="right" style="width: 36%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0038-2.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0038-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-14 成年侏儒症患者与正常成人的身高比较</p>
            </div>
@@ -3041,7 +3083,7 @@
            <span class="img center dl-bl w100">专题一 学习主题七</span>
            <examinations
              :cardList="questionData[34]"
              v-if="questionData  && questionData[34]"
              v-if="questionData && questionData[34]"
              :chapter="1"
              :page="26"
            />
@@ -3277,7 +3319,11 @@
            </div>
            <div class="right" style="width: 50%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0040-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0040-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img cneter">图1-15 神经元模式图</p>
            </div>
@@ -3342,13 +3388,21 @@
            大脑分左、右两半球（见图1-16），表面凹凸不平，凹陷处称为“沟”，隆起处称为“回”，“沟”与“回”大大增加了大脑的表面积。较大的沟有中央沟、大脑外侧沟和顶枕沟，这些沟将大脑表面分成额叶、顶叶、颞叶和枕叶四部分。
          </p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0041-1.jpg" alt="" class="w100">
            <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 openImgBox">
                <img src="../../../assets/images/chapterOne/0041-2.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0041-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-17 大脑皮层分区图</p>
            </div>
@@ -3411,7 +3465,11 @@
          </p>
          <p class="img">表1-6 交感神经和副交感神经的作用与区别</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0042-1.jpg" alt="" class="w100">
            <img
              src="../../../assets/images/chapterOne/0042-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <h3 id="c016">二、学前儿童神经系统的特点＞＞＞＞＞＞</h3>
          <h4 id="d056">（一）脑发育非常迅速</h4>
@@ -3437,7 +3495,11 @@
          </p>
          <p class="img">表1-7 不同年龄脑质量的变化</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0043-1.jpg" alt="" class="w100">
            <img
              src="../../../assets/images/chapterOne/0043-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <h4 id="d057">（二）中枢神经系统的发育不均衡</h4>
          <p>
@@ -3506,7 +3568,7 @@
            <span class="img center dl-bl w100">专题一 学习主题八</span>
            <examinations
              :cardList="questionData[39]"
              v-if="questionData  && questionData[39]"
              v-if="questionData && questionData[39]"
              :chapter="1"
              :page="31"
            />
@@ -3828,7 +3890,11 @@
            </div>
            <div class="right" style="width: 35%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0046-2.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0046-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-18 眼球结构模式图</p>
            </div>
@@ -3937,7 +4003,11 @@
            </div>
            <div class="right" style="width: 58%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0048-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0048-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-19 耳的结构图</p>
            </div>
@@ -3960,7 +4030,11 @@
            </div>
            <div class="right" style="width: 48%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0048-2.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0048-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-20 成人和学前儿童咽鼓管之比较</p>
            </div>
@@ -4273,7 +4347,7 @@
            <!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> -->
            <span class="img center dl-bl w100">专题一 学习主题九</span>
            <examinations
              :cardList="questionData[48] "
              :cardList="questionData[48]"
              v-if="questionData && questionData[48]"
              :chapter="1"
              :page="40"
@@ -4518,18 +4592,22 @@
</template>
<script>
import examinations from "@/components/examinations/index.vue";
import {getResourcePath} from "@/assets/methods/resources";
import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "chapter-one",
  components: { examinations },
  props: {
    showPageList: {
      type: Array,
      default: []
      default: [],
    },
    questionData: {
      type: Object
    }
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
@@ -4581,7 +4659,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableTwo: {
          qOne: "",
@@ -4592,7 +4670,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableThree: {
          qOne: "",
@@ -4603,7 +4681,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableFour: {
          qOne: "",
@@ -4614,7 +4692,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableFive: {
          qOne: "",
@@ -4625,14 +4703,14 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableSix: {
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: ""
          qFive: "",
        },
        learnTableSeven: {
          qOne: "",
@@ -4641,7 +4719,7 @@
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: ""
          qSeven: "",
        },
        learnTableEnight: {
          qOne: "",
@@ -4652,7 +4730,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableNine: {
          qOne: "",
@@ -4662,36 +4740,36 @@
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: ""
          qEight: "",
        },
        question: {
          judge: {
            qOne: "",
            qTwo: "",
            qThree: "",
            qFour: ""
            qFour: "",
          },
          fill: {
            qOne: {
              one: "",
              two: ""
              two: "",
            },
            qTwo: {
              oen: "",
              two: ""
              two: "",
            },
            qThree: {
              one: "",
              two: ""
              two: "",
            },
            qFour: {
              one: "",
              two: ""
              two: "",
            },
            qFive: {
              one: "",
              two: ""
            }
              two: "",
            },
          },
          short: {
            qOne: "",
@@ -4700,30 +4778,27 @@
            qFour: "",
            qFive: "",
            qSix: "",
            qSeven: ""
          }
        }
            qSeven: "",
          },
        },
      },
      swiper: null
      swiper: null,
    };
  },
  async mounted() {
    this.getVideoPath();
    const localData = localStorage.getItem("chapterOneData");
    if (localData) {
      this.chapterOneData = JSON.parse(localData);
    }
    window.timerOne = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
    if (!this.isSearch) {
      this.getVideoPath();
      const localData = localStorage.getItem("chapterOneData");
      if (localData) {
        this.chapterOneData = JSON.parse(localData);
      }
    }, 1000);
    // this.$data.questionData = await getQuestionData(
    //   "1",
    //   testData[1],
    //   this.config.activeBook
    // );
      window.timerOne = setInterval(() => {
        this.saveTime--;
        if (this.saveTime == 0) {
          this.saveChapterOneData();
        }
      }, 1000);
    }
  },
  unmounted() {
    if (window.timerOne) {
@@ -4735,8 +4810,8 @@
    showPageList: {
      handler(newVal, oldVal) {
        console.log(newVal, "章节接收内容");
      }
    }
      },
    },
  },
  methods: {
    changeResources(type) {
@@ -4766,23 +4841,40 @@
      }
    },
    async getVideoPath() {
      console.log('pathOne',await getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1"))
      this.$data.pathOne = await getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1");
      this.$data.pathTwo = await getResourcePath("e5993b62684fe55d13190cfe52bf00ed");
      console.log(
        "pathOne",
        await getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1")
      );
      this.$data.pathOne = await getResourcePath(
        "f6f6588a75086576b87bed2fb9ca1ec1"
      );
      this.$data.pathTwo = await getResourcePath(
        "e5993b62684fe55d13190cfe52bf00ed"
      );
      this.$data.pathThree = getResourcePath(
        "6b6d42213aa85aa5ff7724aaf96ffee6"
      );
      this.$data.pathFour = await getResourcePath("17fb1555f98c8fceabce5ff75077af58");
      this.$data.pathFive = await getResourcePath("163c06871b763954952d1cd74373c618");
      this.$data.pathSix = await getResourcePath("1d57d897974b22f7f3191f4073ea0641");
      this.$data.pathSeven = await  getResourcePath(
      this.$data.pathFour = await getResourcePath(
        "17fb1555f98c8fceabce5ff75077af58"
      );
      this.$data.pathFive = await getResourcePath(
        "163c06871b763954952d1cd74373c618"
      );
      this.$data.pathSix = await getResourcePath(
        "1d57d897974b22f7f3191f4073ea0641"
      );
      this.$data.pathSeven = await getResourcePath(
        "e67262b8e73ca5b05374b903defd874f"
      );
      this.$data.pathEight = await getResourcePath(
        "6731ebf8ea78297eedcb56521726481d"
      );
      this.$data.pathNine = await getResourcePath("5ef5496040abee4013a5f61e3c5b42b9");
      this.$data.pathTen = await getResourcePath("4afe59338bb841a498593cbe458c7d7d");
      this.$data.pathNine = await getResourcePath(
        "5ef5496040abee4013a5f61e3c5b42b9"
      );
      this.$data.pathTen = await getResourcePath(
        "4afe59338bb841a498593cbe458c7d7d"
      );
    },
    saveChapterOneData() {
      // 记录第一张输入数据
@@ -4792,7 +4884,7 @@
        JSON.stringify(this.chapterOneData)
      );
    },
  }
  },
};
</script>


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

@@ -1336,6 +1336,10 @@
    },
    showPageList:{
      type:Array
    },
    isSearch:{
      type:Boolean,
      default:false
    }
  },
  data() {
@@ -1426,7 +1430,8 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterTwoData");
    if(!this.isSearch) {
      const localData = localStorage.getItem("chapterTwoData");
    if (localData) {
      this.chapterTwoData = JSON.parse(localData);
    }
@@ -1437,6 +1442,7 @@
      }
    }, 1000);
    this.getVideoPath();
    }
  },
  unmounted() {
    if (window.timerTwo) {

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

@@ -1950,6 +1950,10 @@
    },
    showPageList:{
      type:Array
    },
    isSearch:{
      type:Boolean,
      default:false
    }
  },
  data() {
@@ -2056,7 +2060,8 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterThreeData");
    if(!this.isSearch) {
      const localData = localStorage.getItem("chapterThreeData");
    if (localData) {
      this.chapterThreeData = JSON.parse(localData);
    }
@@ -2067,6 +2072,8 @@
      }
    }, 1000);
    this.getVideoPath()
    }

  },
  unmounted() {
    if (window.timerThree) {

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

@@ -2734,6 +2734,10 @@
    showPageList: {
      type: Array,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {

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

@@ -2731,6 +2731,10 @@
    showPageList: {
      type: Array,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
@@ -2850,17 +2854,19 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterSixData");
    if (localData) {
      this.chapterSixData = JSON.parse(localData);
    }
    window.timerSix = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
    if(!this.isSearch) {
      const localData = localStorage.getItem("chapterSixData");
      if (localData) {
        this.chapterSixData = JSON.parse(localData);
      }
    }, 1000);
    this.getVideoPath();
      window.timerSix = setInterval(() => {
        this.saveTime--;
        if (this.saveTime == 0) {
          this.saveChapterOneData();
        }
      }, 1000);
      this.getVideoPath();
    }
  },
  unmounted() {
    if (window.timerSix) {

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

@@ -3616,6 +3616,10 @@
    showPageList: {
      type: Array,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
@@ -3745,7 +3749,8 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterSevenData");
    if(!this.isSearch) {
      const localData = localStorage.getItem("chapterSevenData");
    if (localData) {
      this.chapterSevenData = JSON.parse(localData);
    }
@@ -3756,6 +3761,7 @@
      }
    }, 1000);
    this.getVideoPath()
    }
  },
  unmounted() {
    if (window.timerSeven) {

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

@@ -2406,6 +2406,10 @@
    showPageList: {
      type: Array,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
@@ -2510,17 +2514,19 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterEnightData");
    if (localData) {
      this.chapterEnightData = JSON.parse(localData);
    }
    window.timerEnight = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
    if(!this.isSearch) {
      const localData = localStorage.getItem("chapterEnightData");
      if (localData) {
        this.chapterEnightData = JSON.parse(localData);
      }
    }, 1000);
    this.getVideoPath();
      window.timerEnight = setInterval(() => {
        this.saveTime--;
        if (this.saveTime == 0) {
          this.saveChapterOneData();
        }
      }, 1000);
      this.getVideoPath();
    }
  },
  unmounted() {
    if (window.timerEnight) {

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

@@ -1746,6 +1746,10 @@
    showPageList: {
      type: Array,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
@@ -1830,17 +1834,19 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterNineData");
    if (localData) {
      this.chapterNineData = JSON.parse(localData);
    }
    window.timerNine = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
    if(!this.isSearch) {
      const localData = localStorage.getItem("chapterNineData");
      if (localData) {
        this.chapterNineData = JSON.parse(localData);
      }
    }, 1000);
    this.getVideoPath();
      window.timerNine = setInterval(() => {
        this.saveTime--;
        if (this.saveTime == 0) {
          this.saveChapterOneData();
        }
      }, 1000);
      this.getVideoPath();
    }
  },
  unmounted() {
    if (window.timerNine) {

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

@@ -1364,6 +1364,10 @@
    showPageList: {
      type: Array,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
@@ -1426,17 +1430,19 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterTenData");
    if (localData) {
      this.chapterTenData = JSON.parse(localData);
    }
    window.timerTen = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
    if(!this.isSearch) {
      const localData = localStorage.getItem("chapterTenData");
      if (localData) {
        this.chapterTenData = JSON.parse(localData);
      }
    }, 1000);
    this.getVideoPath();
      window.timerTen = setInterval(() => {
        this.saveTime--;
        if (this.saveTime == 0) {
          this.saveChapterOneData();
        }
      }, 1000);
      this.getVideoPath();
    }
  },
  unmounted() {
    if (window.timerTen) {

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

@@ -215,7 +215,7 @@
  object-fit: contain;
}
.box {
  width: 400px;
  max-width: 400px;
  margin: 0 auto;
}
.line {

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

@@ -21,51 +21,61 @@
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      ></chapterOne>
      <chapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      ></chapterTwo>
      <chapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      ></chapterThree>
      <chapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      ></chapterFour>
      <chapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      ></chapterFive>
      <chapterSix
        v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      ></chapterSix>
      <chapterSeven
        v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      ></chapterSeven>
      <chapterEight
        v-if="showCatalogList.indexOf(9) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      ></chapterEight>
      <chapterNine
        v-if="showCatalogList.indexOf(10) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      ></chapterNine>
      <chapterTen
        v-if="showCatalogList.indexOf(11) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      ></chapterTen>
      <chapterEleven
        v-if="showCatalogList.indexOf(12) > -1"
@@ -171,7 +181,7 @@
  },
  mounted() {
    // 默认加载章节
    this.showCatalogList = [3];
    this.showCatalogList = [1];
    // 滚动监听节流
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,

 src/books/sportsAndHealth/css/default.less

@@ -1492,14 +1492,12 @@
    }

    .bj1-mk {
      width: 120px;
      height: 50px;
      display: block;
      background-image: url('../image/mk.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      color: #ffffff;
      padding: 5px 28px 15px 25px;
      // padding: 0.3em 0.7em 0.3em 0.7em;
      font-weight: bold;
      font-size: 1em;

 src/books/sportsAndHealth/image/354-1.png

 src/books/sportsAndHealth/image/354-2.png

 src/books/sportsAndHealth/image/354-3.png

 src/books/sportsAndHealth/image/354-4.png

 src/books/sportsAndHealth/image/355-1.png

 src/books/sportsAndHealth/image/355-2.png

 src/books/sportsAndHealth/image/355-3.png

 src/books/sportsAndHealth/view/chapter005.html

@@ -1108,10 +1108,12 @@
<p>（2）练习要求</p>
<p>站在球台的左半台，离球台40～50厘米。推挡为直线，正手攻球为斜线，落点位置在左半台的边线位置。通过步法移动保证击球点在身体的侧前方。</p>
<h5 id="e101"><span class="bj1-mk">模块二</span></h5>
<p>本模块在上一模块学练的基础上，进阶性地设置了乒乓球运动新的学练内容。其中，单项技术学练包括攻球、推挡和快搓，慢搓，以及课程平台中的正手快带、转与不转球发球；基本战术学练包括对攻战术，以及课程平台中的发转与不转球抢攻；
<p>本模块在上一模块学练的基础上，进阶性地设置了乒乓球运动新的学练内容。其中，单项技术学练包括攻球、推挡和快搓，慢搓，以及课程平台中的正手快带、转与不转球发球；
  
  
组合技能练习设置的是推挡+侧身攻，以及课程平台中的左推+右攻。同学们学练本模块的内容，在掌握一定难度技战术和组合技能的基础上，能够参与本模块设置的比赛活动，并为难度更高的下一模块的学练做好铺垫。</p>
  
  
基本战术学练包括对攻战术，以及课程平台中的发转与不转球抢攻；组合技能练习设置的是推挡+侧身攻，以及课程平台中的左推+右攻。同学们学练本模块的内容，在掌握一定难度技战术和组合技能的基础上，能够参与本模块设置的比赛活动，并为难度更高的下一模块的学练做好铺垫。</p>
<p><span class="zt-ls">（一）单项技术学练</span></p>
<p><span class="zt-cs">1.攻球、推挡和快搓</span></p>
<p>（1）动作要领</p>

 src/books/sportsAndHealth/view/testPp.vue

@@ -247,6 +247,13 @@
      <div v-if="showPageList.indexOf(37) > -1">
        <div class="bodystyle">
          <p><span class="zt-ls">（二）基本战术学练</span></p>
          <div class="pdf-wall">
            <div class="pdf-item">
              <img :src="pingpang" alt="" /><span @click="toUrl(4)"
                >4 模块一（二）基本战术学练 接平击球抢攻</span
              >
            </div>
          </div>
          <p><span class="zt-cs">发平击球抢攻</span></p>
          <p>（1）战术方法</p>
          <p>①先要树立发球抢攻的战术意识。</p>
@@ -268,6 +275,13 @@
            <p>4.注意发球线路的变化。</p>
          </div>
          <p><span class="zt-ls">（三）组合技能练习</span></p>
          <div class="pdf-wall">
            <div class="pdf-item">
              <img :src="pingpang" alt="" /><span @click="toUrl(5)"
                >5 模块一（三）组合技能练习 推挡+侧身攻</span
              >
            </div>
          </div>
          <p><span class="zt-cs">1/2左推+右攻</span></p>
          <p>（1）练习方法</p>
          <p>
@@ -282,14 +296,115 @@
          </p>
          <h5 id="e101"><span class="bj1-mk">模块二</span></h5>
          <p>
            本模块在上一模块学练的基础上，进阶性地设置了乒乓球运动新的学练内容。其中，单项技术学练包括攻球、推挡和快搓，慢搓，以及课程平台中的正手快带、转与不转球发球；基本战术学练包括对攻战术，以及课程平台中的发转与不转球抢攻；
            本模块在上一模块学练的基础上，进阶性地设置了乒乓球运动新的学练内容。其中，单项技术学练包括攻球、推挡和快搓，慢搓，以及课程平台中的正手快带、转与不转球发球；
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
        <div class="bodystyle"></div>
        <div class="bodystyle">
          <p>
            基本战术学练包括对攻战术，以及课程平台中的发转与不转球抢攻；组合技能练习设置的是推挡+侧身攻，以及课程平台中的左推+右攻。同学们学练本模块的内容，在掌握一定难度技战术和组合技能的基础上，能够参与本模块设置的比赛活动，并为难度更高的下一模块的学练做好铺垫。
          </p>
          <p><span class="zt-ls">（一）单项技术学练</span></p>
          <div class="pdf-wall">
            <div class="pdf-item">
              <img :src="pingpang" alt="" /><span @click="toUrl(6)"
                >6 模块二（一）单项技术学练 正手快带</span
              >
            </div>
          </div>
          <p><span class="zt-cs">1.攻球、推挡和快搓</span></p>
          <p>（1）动作要领</p>
          <p>
            攻球、推挡、快搓技术按照核心技术进行分析，都是由支撑和卷带两个连贯的动作组成的。
          </p>
          <p>
            ①正手攻球：挥拍手由前臂带动手腕外展90°形成支撑动作，在击球的过程中向侧前方挥拍，手腕由外展变成内旋90°完成卷带动作。
          </p>
          <p>
            ②推挡：挥拍手由前臂带动手腕内旋90°形成支撑动作，在击球的过程中向侧前方挥拍，手腕由内旋变成外展90°完成卷带动作。
          </p>
          <p>
            ③快搓：挥拍手由前臂带动手腕内旋90°形成支撑动作，在击球的过程中向侧下方挥拍，手腕由内旋变成外展90°完成卷带动作。
          </p>
          <!-- <p class="center">
            <img class="img-a" alt="" src="../image/0122-1.jpg" />
          </p> -->
          <div class="imgBox-003 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="../image/354-1.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/354-2.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/354-3.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/354-4.png" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-4 快搓</p>
          <p>（2）学练建议</p>
          <p>①学习正反手的支撑动作。</p>
          <p>②正反手支撑动作完成后，再完成侧前方卷带动作。</p>
          <p>③正反手支撑动作完成后，再完成侧下方卷带动作。</p>
          <p>④拓展练习：通过正反手的转换练习体验核心技术的区别与联系。</p>
          <p><span class="zt-cs">2.慢搓</span></p>
          <div class="bk-xyx">
            <p class="bj1-xyx">注意事项</p>
            <p>1.支撑动作一定要平。</p>
            <p>2.先高弧线支撑，熟练后再逐步降低弧线。</p>
            <p>3.支撑熟练后进行支撑卷带练习。</p>
            <p>4.配合重心的转移和脚步的移动保持击球点在身体的侧前方。</p>
          </div>
          <!-- <p class="center">
            <img class="img-b" alt="" src="../image/0122-2.jpg" />
          </p> -->
          <div class="imgBox-003 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="../image/355-1.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/355-2.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/355-3.png" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-5 慢搓</p>
          <p>
            搓球是近台还击下旋球的一种基本技术，可用它为拉弧圈球创造条件。它与攻球技术结合起来可以形成搓攻战术。搓球在接发球时可以有效地过渡，为自己下一板创造进攻机会。
          </p>
        </div>
      </div>
    </div>
  </div>

 src/components/matching/matching.vue

@@ -54,7 +54,7 @@
    </div>
    <!-- 解析 -->
    <ul class="show-answer" v-if="isShowAnswer">
      <li>答案结果：</li>
      <li v-if="isRight !== null">答案结果：<span v-if="isRight" style="color: #83e089;">正确</span> <span v-if="isRight == false" style="color:#d81e06">错误</span></li>
      <li class="show-answer-box">
        <div>答案:</div>
        <div>
@@ -85,7 +85,7 @@
      checkItemIndex: null,
      isShowAnswer: false,
      isRight: null,
      value:[{left:0,right:0}],
      value:[],
      pageNum:null
    };
  },
@@ -336,13 +336,13 @@
        const rightIndex = this.item.options.linkValues.findIndex(
          (citem) => citem.oldId == item.oldId
        );
        debugger;
        answerArr.push({
          left: index,
          right: rightIndex,
        });
      }
      this.isRight = this.areArraysEqual(this.item.userChoise,answerArr)
      this.item.showAnswer = true
      console.log(
        "答案",
        answerArr,
@@ -385,6 +385,7 @@
    },
    // 重做
    redo() {
      this.item.showAnswer = false
      localStorage.removeItem(this.config.activeBook.name + '-matching-' + this.pageNum)
      this.value = []
      for (let index = 0; index < this.leftArr.length; index++) {
@@ -460,10 +461,9 @@
  margin: 30px auto;
  width: 100%;
  height: min-content;
  // background-color: pink;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  .show-answer-box {
    padding: 10px;
  li {
    padding:10px
  }
}
.btn-bottom {

 src/components/miniAudio/index.vue

New file
@@ -0,0 +1,24 @@
<template>
  <div class="mini-audio" v-if="path">
    <audio controls :src="path"></audio>
  </div>
</template>

<script>
  export default {
    name:"mini-audio",
    props:{
      path:{
        type:String
      }
    }
  }
</script>

<style lang="less" scoped>
.mini-audio {
  position: fixed;
  right:40px;
  bottom: 100px;
}
</style>