swiper

闫增涛

2024-05-29 66d96053e0283c081b95bed87afa42e837389a7e

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

@@ -40,7 +40,8 @@
        </p>

        <h6 class="Conclusion-title2">
          <img
            <img
            data-imgurl="../../../assets/images/icon/gjc.png"
            class="img-gn"
            alt=""
            src="../../../assets/images/icon/gjc.png"
@@ -48,12 +49,15 @@
          专题导学
        </h6>
        <p class="blockh6 m0-t0">
          <el-image
          <!-- <el-image
            alt=""
            :src="introductionImg"
            :preview-src-list="[introductionImg]"
            class="mb-20 open-image"
          />
          /> -->
          <span id="open-image" @click="openImage">
            <img src="../../../assets/images/chapterOne/0014-1.jpg" data-imgurl="/books/book/img/0014-1.56a5dd0f.jpg" class="w100 mt-20">
          </span>
        </p>
      </div>
    </div>
@@ -77,13 +81,40 @@
            <span class="fl fl-cn mb-20">
              <span class="learn-title-text">自主学习任务单：</span>
              <span class="t0">专题一学习主题一 运动系统自主学习任务单</span>
              <span class="t0" @click="changeResources('learnTbaleOne')">
                <img
              <span
                class="svg-btn t0"
                @click="changeResources('learnTbaleOne')"
              >
                <!-- <img
                  src="../../../assets/images/icon/document.png"
                  alt=""
                  style="margin-left: 10px"
                  class="btn"
                />
                /> -->
                <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"
                      d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                      transform="translate(-3316.14 15289.201)"
                    />
                    <path
                      class="a"
                      d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                      transform="translate(-196.896 -148.921)"
                    />
                    <path
                      class="a"
                      d="M763.392,793.79l3.262-3.262h-3.262Z"
                      transform="translate(-638.661 -690.634)"
                    />
                  </g>
                </svg>
              </span>
            </span>
            <table
@@ -149,7 +180,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qOne"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -160,7 +190,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qTwo"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -171,7 +200,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qTHree"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -182,7 +210,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qFour"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -193,7 +220,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qFive"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -204,7 +230,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qSix"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -215,7 +240,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qSeven"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -226,7 +250,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qEight"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -237,7 +260,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qNine"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                </td>
@@ -257,13 +279,33 @@
            <span class="fl fl-cn mb-20">
              <span class="learn-title-text">视频：</span>
              <span class="t0">人体概述</span>
              <span class="t0" @click="changeResources('videoOne')">
                <img
              <span class="svg-btn t0" @click="changeResources('videoOne')">
                <!-- <img
                  src="../../../assets/images/icon/video.png"
                  alt=""
                  style="margin-left: 10px"
                  class="btn"
                />
                /> -->
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="16"
                  height="15"
                  viewBox="0 0 19.863 13.817"
                >
                  <g transform="translate(-40.961 -184.321)">
                    <path
                      class="a"
                      d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                      transform="translate(51.824 196.82) rotate(-90)"
                    />
                    <path
                      class="b"
                      d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                      transform="translate(-3269 15293.001)"
                    />
                  </g>
                </svg>
              </span>

              <!-- <svg  @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg> -->
@@ -288,19 +330,32 @@
              <span class="learn-title-text">云测试：</span>
              <span class="t0">人体概述</span>
              <!-- <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg> -->
              <span class="t0" @click="changeResources('testOne')">
                <img
              <span class="svg-btn t0" @click="changeResources('testOne')">
                <!-- <img
                  src="../../../assets/images/icon/topic.png"
                  alt=""
                  style="margin-left: 10px"
                  class="btn"
                />
                /> -->
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="16"
                  height="16"
                  viewBox="0 0 20.115 19.988"
                >
                  <path
                    class="a"
                    d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z"
                    transform="translate(-3351.001 15212)"
                  />
                </svg>
              </span>
            </span>
            <examinations
              v-if="testOne && questionData"
              ref="examinationOne"
              :cardList="questionData[2]"
              :cardList="questionData[10]"
              :chapter="1"
              :page="2"
            />
@@ -412,7 +467,24 @@
              <p>新生儿骨骼肌的质量仅占体重的1/5左右，随着年龄</p>
            </div>
            <div class="bottom-right" style="width: 35%">
              <el-carousel
              <div class="mt-40">
                <div class="banshi">
                  <div class="swiper-container">
                    <div class="swiper-wrapper">
                      <div
                        v-for="(item, index) in bonesList"
                        :key="index"
                        class="swiper-slide"
                        :style="`background-image:url(${item})`"
                      ></div>
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
                </div>
              </div>
              <!-- <el-carousel
                trigger="click"
                class="bones-carousel carousel-image"
                arrow="always"
@@ -430,7 +502,7 @@
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel>
              </el-carousel> -->
              <p class="img">图1-2 成人脊柱模式图</p>
            </div>
          </div>
@@ -617,7 +689,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题一</span>
            <examinations
              :cardList="questionData[6]"
              :cardList="questionData[14]"
              v-if="questionData"
              :chapter="1"
              :page="6"
@@ -656,13 +728,39 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题二 呼吸系统自主学习任务单</span>
            <img
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableTwo')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
            <span class="svg-btn t0" @click="changeResources('learnTableTwo')">
              <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"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
          </div>
          <table
            v-if="learnTableTwo"
@@ -1034,7 +1132,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题二</span>
            <examinations
              :cardList="questionData[9]"
              :cardList="questionData[17]"
              v-if="questionData"
              :chapter="1"
              :page="9"
@@ -1084,13 +1182,42 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题三 循环系统自主学习任务单</span>
            <img
            <span
              class="t0 svg-btn"
              @click="changeResources('learnTableThree')"
            >
              <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"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableThree')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableThree"
@@ -1499,7 +1626,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题三</span>
            <examinations
              :cardList="questionData[14]"
              :cardList="questionData[22]"
              v-if="questionData"
              :chapter="1"
              :page="14"
@@ -1512,13 +1639,39 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题四 消化系统自主学习任务单</span>
            <img
            <span class="t0 svg-btn" @click="changeResources('learnTableFour')">
              <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"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableFour')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableFour"
@@ -1950,7 +2103,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题四</span>
            <examinations
              :cardList="questionData[19]"
              :cardList="questionData[27]"
              v-if="questionData"
              :chapter="1"
              :page="19"
@@ -1992,13 +2145,39 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题五 学前儿童生理发育特点与保健</span>
            <img
            <span class="t0 svg-btn" @click="changeResources('learnTableFive')">
              <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"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableFive')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableFive"
@@ -2295,13 +2474,39 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题六 生殖系统自主学习任务单</span>
            <img
            <span class="t0 svg-btn" @click="changeResources('learnTableSix')">
              <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"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableSix')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableSix"
@@ -2534,7 +2739,7 @@
              >专题一 学习主题五、学习主题六</span
            >
            <examinations
              :cardList="questionData[24]"
              :cardList="questionData[32]"
              v-if="questionData"
              :chapter="1"
              :page="24"
@@ -2558,13 +2763,42 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题七 内分泌系统自主学习任务单</span>
            <img
            <span
              class="t0 svg-btn"
              @click="changeResources('learnTableSeven')"
            >
              <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"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableSeven')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableSeven"
@@ -2851,7 +3085,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题七</span>
            <examinations
              :cardList="questionData[26]"
              :cardList="questionData[34]"
              v-if="questionData"
              :chapter="1"
              :page="26"
@@ -2864,13 +3098,42 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题八 神经系统自主学习任务单</span>
            <img
            <span
              class="t0 svg-btn"
              @click="changeResources('learnTableEight')"
            >
              <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"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableEight')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableEight"
@@ -3308,7 +3571,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题八</span>
            <examinations
              :cardList="questionData[31]"
              :cardList="questionData[39]"
              v-if="questionData"
              :chapter="1"
              :page="31"
@@ -3373,13 +3636,39 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题九 感觉器官自主学习任务单</span>
            <img
            <span class="t0 svg-btn" @click="changeResources('learnTableNine')">
              <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"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableNine')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableNine"
@@ -4062,7 +4351,7 @@
            <!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> -->
            <span class="img center dl-bl w100">专题一 学习主题九</span>
            <examinations
              :cardList="questionData[40]"
              :cardList="questionData[48]"
              v-if="questionData"
              :chapter="1"
              :page="40"
@@ -4275,7 +4564,7 @@
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
              :cardList="questionData[421]"
              :cardList="questionData[50][1]"
              v-if="questionData"
              :chapter="1"
              :page="421"
@@ -4283,7 +4572,7 @@
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
            <examinations
              :cardList="questionData[422]"
              :cardList="questionData[50][2]"
              v-if="questionData"
              :chapter="1"
              :page="422"
@@ -4305,16 +4594,23 @@
    </div>
  </div>
</template>

<script>
import examinations from "@/components/examinations/index.vue";
import getResourcePath from "@/assets/methods/resources";
import getQuestionData from "@/assets/methods/examination";
import testData from "../../../assets/examinationList";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
export default {
  name: "chapter-one",
  components: { examinations },
  props: {},
  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,
    },
  },
  data() {
    return {
      // 学习一
@@ -4364,6 +4660,7 @@
      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,
      videoOne: true,
@@ -4376,7 +4673,6 @@
      learnTableSeven: true,
      learnTableEight: true,
      learnTableNine: true,
      questionData: {},
      pathOne: "",
      pathTwo: "",
      pathThree: "",
@@ -4531,9 +4827,11 @@
          },
        },
      },
      swiper: null,
    };
  },
  async mounted() {
    this.getSwiper();
    this.getVideoPath();
    const localData = localStorage.getItem("chapterOneData");
    if (localData) {
@@ -4545,11 +4843,11 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData(
      "1",
      testData[1],
      this.config.activeBook
    );
    // this.$data.questionData = await getQuestionData(
    //   "1",
    //   testData[1],
    //   this.config.activeBook
    // );
  },
  unmounted() {
    if (window.timerOne) {
@@ -4559,7 +4857,7 @@
  },
  methods: {
    changeResources(type) {
      console.log("点击", type, this.learnTbaleOne, this.$data.questionData);
      console.log("点击", this.$props.questionData);
      if (type == "learnTbaleOne") {
        this.$data.learnTbaleOne = !this.$data.learnTbaleOne;
      } else if (type == "videoOne") {
@@ -4611,6 +4909,52 @@
        "chapterOneData",
        JSON.stringify(this.chapterOneData)
      );
    },
    getSwiper() {
      this.swiper = new Swiper(".swiper-container", {
        loop: true, // 无缝
        autoplay: {
          //自动开始
          delay: 3000, //时间间隔
          disableOnInteraction: false, //*手动操作轮播图后不会暂停*
        },
        paginationClickable: true,
        slidesPerView: 1, // 一组三个
        spaceBetween: 30, // 间隔
        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
        // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
        observer: true,
        observeParents: true,
        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination",
          clickable: true, // 分页器可以点击
        },
      });
    },
    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, // 是否显示垂直翻转按钮
        },
      });
    },
  },
};
@@ -4696,4 +5040,19 @@
  display: flex;
  justify-content: space-evenly;
}

//
.banshi {
  margin-top: 40px;
  width: 100%;
  margin: 0 auto;
  .swiper-slide {
    position: relative;
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
  }
}
</style>