From 4dc1aa46d4b9b2010fca512bb6ebf83cd59e9b70 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 29 五月 2024 21:58:53 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/childHealth/view/content/components/chapter001.vue |  508 +++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 427 insertions(+), 81 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index 4cf7e23..928bb8b 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -41,6 +41,7 @@
 
         <h6 class="Conclusion-title2">
           <img
+            data-imgurl="../../../assets/images/icon/gjc.png"
             class="img-gn"
             alt=""
             src="../../../assets/images/icon/gjc.png"
@@ -48,18 +49,25 @@
           涓撻瀵煎
         </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>
     <!-- 2 -->
-    <div class="page-box" page="10">
-      <div v-if="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>
           <div class="header-num-box">
@@ -77,13 +85,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 +184,6 @@
                     rows="4"
                     v-model="chapterOneData.learnTableOne.qOne"
                     placeholder="璇疯緭鍏ュ唴瀹�"
-                    
                     class="w100 ta-br textarea-text"
                   ></textarea>
                   <span class="ds-bl mt-10"
@@ -160,7 +194,6 @@
                     rows="4"
                     v-model="chapterOneData.learnTableOne.qTwo"
                     placeholder="璇疯緭鍏ュ唴瀹�"
-                    
                     class="w100 ta-br textarea-text"
                   ></textarea>
                   <span class="ds-bl mt-10"
@@ -171,7 +204,6 @@
                     rows="4"
                     v-model="chapterOneData.learnTableOne.qTHree"
                     placeholder="璇疯緭鍏ュ唴瀹�"
-                    
                     class="w100 ta-br textarea-text"
                   ></textarea>
                   <span class="ds-bl mt-10"
@@ -182,7 +214,6 @@
                     rows="4"
                     v-model="chapterOneData.learnTableOne.qFour"
                     placeholder="璇疯緭鍏ュ唴瀹�"
-                    
                     class="w100 ta-br textarea-text"
                   ></textarea>
                   <span class="ds-bl mt-10"
@@ -193,7 +224,6 @@
                     rows="4"
                     v-model="chapterOneData.learnTableOne.qFive"
                     placeholder="璇疯緭鍏ュ唴瀹�"
-                    
                     class="w100 ta-br textarea-text"
                   ></textarea>
                   <span class="ds-bl mt-10"
@@ -204,7 +234,6 @@
                     rows="4"
                     v-model="chapterOneData.learnTableOne.qSix"
                     placeholder="璇疯緭鍏ュ唴瀹�"
-                    
                     class="w100 ta-br textarea-text"
                   ></textarea>
                   <span class="ds-bl mt-10"
@@ -215,7 +244,6 @@
                     rows="4"
                     v-model="chapterOneData.learnTableOne.qSeven"
                     placeholder="璇疯緭鍏ュ唴瀹�"
-                    
                     class="w100 ta-br textarea-text"
                   ></textarea>
                   <span class="ds-bl mt-10"
@@ -226,7 +254,6 @@
                     rows="4"
                     v-model="chapterOneData.learnTableOne.qEight"
                     placeholder="璇疯緭鍏ュ唴瀹�"
-                    
                     class="w100 ta-br textarea-text"
                   ></textarea>
                   <span class="ds-bl mt-10"
@@ -237,7 +264,6 @@
                     rows="4"
                     v-model="chapterOneData.learnTableOne.qNine"
                     placeholder="璇疯緭鍏ュ唴瀹�"
-                    
                     class="w100 ta-br textarea-text"
                   ></textarea>
                 </td>
@@ -257,13 +283,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,21 +334,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[10]"
-              :chapter="1"
-              :page="2"
             />
           </div>
           <h2 class="module_block" id="b001" style="margin: 0">
@@ -374,8 +431,8 @@
       </div>
     </div>
     <!-- 3 -->
-    <div class="page-box" page="11">
-      <div v-if="showPageList.indexOf(11) > -1">
+    <div class="page-box" page="11" :show="showPageList.indexOf(11) > -1">
+      <div v-show="showPageList.indexOf(11) > -1">
         <div class="page-header-box">
           <span class="page-header-text"
             >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
@@ -412,7 +469,47 @@
               <p>鏂扮敓鍎块楠艰倢鐨勮川閲忎粎鍗犱綋閲嶇殑1/5宸﹀彸锛岄殢鐫�骞撮緞</p>
             </div>
             <div class="bottom-right" style="width: 35%">
-              <el-carousel
+              <div class="mt-40">
+                <div class="banshi openImgBox">
+                  <div class="swiper-container">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../../assets/images/chapterOne/bones1.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <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%"
+                        >
+                          <img
+                            src="../../../assets/images/chapterOne/bones3.png"
+                          />
+                        </div>
+                      </div>
+                    </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 +527,7 @@
                     class="open-image"
                   />
                 </el-carousel-item>
-              </el-carousel>
+              </el-carousel> -->
               <p class="img">鍥�1-2 鎴愪汉鑴婃煴妯″紡鍥�</p>
             </div>
           </div>
@@ -656,13 +753,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"
@@ -903,7 +1026,7 @@
             </div>
             <div class="right" style="width: 60%">
               <video
-                :src="pathFive"
+                :src="getResourcePath('163c06871b763954952d1cd74373c618')"
                 poster="../../../assets/images/chapterOne/people-video-img.jpg"
                 webkit-playsinline="true"
                 x-webkit-airplay="true"
@@ -1084,13 +1207,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"
@@ -1512,13 +1664,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"
@@ -1992,13 +2170,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 +2499,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"
@@ -2558,13 +2788,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"
@@ -2864,13 +3123,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"
@@ -3373,13 +3661,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"
@@ -4305,20 +4619,20 @@
     </div>
   </div>
 </template>
-
 <script>
 import examinations from "@/components/examinations/index.vue";
 import getResourcePath from "@/assets/methods/resources";
+
 export default {
   name: "chapter-one",
   components: { examinations },
   props: {
-    showPageList:{
-      type:Array,
-      default:[]
+    showPageList: {
+      type: Array,
+      default: []
     },
-    questionData:{
-      type:Object
+    questionData: {
+      type: Object
     }
   },
   data() {
@@ -4331,19 +4645,15 @@
       jointImg: require("../../../assets/images/chapterOne/0017-1.jpg"),
       footImg: require("../../../assets/images/chapterOne/0017-2.jpg"),
       sitImg: require("../../../assets/images/chapterOne/0018-1.jpg"),
-      bonesList: [
-        require("../../../assets/images/chapterOne/bones1.png"),
-        require("../../../assets/images/chapterOne/bones2.png"),
-        require("../../../assets/images/chapterOne/bones3.png"),
-      ],
+      bonesList: [],
       footList: [
         require("../../../assets/images/chapterOne/foot-01.png"),
-        require("../../../assets/images/chapterOne/foot-02.png"),
+        require("../../../assets/images/chapterOne/foot-02.png")
       ],
       posureList: [
         require("../../../assets/images/chapterOne/posture-01.png"),
         require("../../../assets/images/chapterOne/posture-02.png"),
-        require("../../../assets/images/chapterOne/posture-03.png"),
+        require("../../../assets/images/chapterOne/posture-03.png")
       ],
       resourceState: "",
       type: "option",
@@ -4370,6 +4680,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,
@@ -4413,7 +4724,7 @@
           qSix: "",
           qSeven: "",
           qEight: "",
-          qNine: "",
+          qNine: ""
         },
         learnTableTwo: {
           qOne: "",
@@ -4424,7 +4735,7 @@
           qSix: "",
           qSeven: "",
           qEight: "",
-          qNine: "",
+          qNine: ""
         },
         learnTableThree: {
           qOne: "",
@@ -4435,7 +4746,7 @@
           qSix: "",
           qSeven: "",
           qEight: "",
-          qNine: "",
+          qNine: ""
         },
         learnTableFour: {
           qOne: "",
@@ -4446,7 +4757,7 @@
           qSix: "",
           qSeven: "",
           qEight: "",
-          qNine: "",
+          qNine: ""
         },
         learnTableFive: {
           qOne: "",
@@ -4457,14 +4768,14 @@
           qSix: "",
           qSeven: "",
           qEight: "",
-          qNine: "",
+          qNine: ""
         },
         learnTableSix: {
           qOne: "",
           qTwo: "",
           qThree: "",
           qFour: "",
-          qFive: "",
+          qFive: ""
         },
         learnTableSeven: {
           qOne: "",
@@ -4473,7 +4784,7 @@
           qFour: "",
           qFive: "",
           qSix: "",
-          qSeven: "",
+          qSeven: ""
         },
         learnTableEnight: {
           qOne: "",
@@ -4484,7 +4795,7 @@
           qSix: "",
           qSeven: "",
           qEight: "",
-          qNine: "",
+          qNine: ""
         },
         learnTableNine: {
           qOne: "",
@@ -4494,36 +4805,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: "",
@@ -4532,13 +4843,15 @@
             qFour: "",
             qFive: "",
             qSix: "",
-            qSeven: "",
-          },
-        },
+            qSeven: ""
+          }
+        }
       },
+      swiper: null
     };
   },
   async mounted() {
+    this.getResourcePath = getResourcePath;
     this.getVideoPath();
     const localData = localStorage.getItem("chapterOneData");
     if (localData) {
@@ -4562,9 +4875,16 @@
     }
     localStorage.setItem("chapterOneData", JSON.stringify(this.chapterOneData));
   },
+  watch: {
+    showPageList: {
+      handler(newVal, oldVal) {
+        console.log(newVal, "绔犺妭鎺ユ敹鍐呭");
+      }
+    }
+  },
   methods: {
     changeResources(type) {
-      console.log("鐐瑰嚮",this.$props.questionData);
+      console.log("鐐瑰嚮", this.$props.questionData);
       if (type == "learnTbaleOne") {
         this.$data.learnTbaleOne = !this.$data.learnTbaleOne;
       } else if (type == "videoOne") {
@@ -4609,15 +4929,34 @@
     },
     saveChapterOneData() {
       // 璁板綍绗竴寮犺緭鍏ユ暟鎹�
-      console.log("20miao");
       this.saveTime = 20;
-      console.log(this.chapterOneData);
       localStorage.setItem(
         "chapterOneData",
         JSON.stringify(this.chapterOneData)
       );
     },
-  },
+
+    openImage() {
+      let container = document.getElementById("open-image");
+      let viewr = new Viewer(container, {
+        inline: false, // 鏄惁浠ュ唴鑱旀柟寮忔樉绀洪瑙�
+        url: "data-imgurl",
+        toolbar: {
+          zoomIn: 1, // 鏄惁鏄剧ず鏀惧ぇ鎸夐挳
+          zoomOut: 1, // 鏄惁鏄剧ず缂╁皬鎸夐挳
+          oneToOne: 1, // 鏄惁鏄剧ず瀹為檯澶у皬鎸夐挳
+          reset: 1, // 鏄惁鏄剧ず閲嶇疆鎸夐挳
+          prev: 1, // 鏄惁鏄剧ず涓婁竴椤垫寜閽�
+          play: 0, // 鏄惁鏄剧ず鎾斁鎸夐挳
+          next: 1, // 鏄惁鏄剧ず涓嬩竴椤垫寜閽�
+          rotateLeft: 0, // 鏄惁鏄剧ず鍚戝乏鏃嬭浆鎸夐挳
+          rotateRight: 0, // 鏄惁鏄剧ず鍚戝彸鏃嬭浆鎸夐挳
+          flipHorizontal: 0, // 鏄惁鏄剧ず姘村钩缈昏浆鎸夐挳
+          flipVertical: 0 // 鏄惁鏄剧ず鍨傜洿缈昏浆鎸夐挳
+        }
+      });
+    }
+  }
 };
 </script>
 
@@ -4701,4 +5040,11 @@
   display: flex;
   justify-content: space-evenly;
 }
+
+.banshi {
+  margin-top: 40px;
+  width: 100%;
+  height: 250px;
+  margin: 0 auto;
+}
 </style>

--
Gitblit v1.9.1