From a280e63446d41ec4046270444f61093e5f34a533 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 30 五月 2024 19:50:57 +0800
Subject: [PATCH] 学前儿童组件替换,答题器if

---
 src/books/childHealth/view/content/components/chapter010.vue |   67 ++++++++++++++++++++-------------
 1 files changed, 40 insertions(+), 27 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter010.vue b/src/books/childHealth/view/content/components/chapter010.vue
index ebf27db..e32c629 100644
--- a/src/books/childHealth/view/content/components/chapter010.vue
+++ b/src/books/childHealth/view/content/components/chapter010.vue
@@ -45,12 +45,8 @@
             />
             涓撻瀵煎
           </h6>
-          <p class="blockh6 m0-t0">
-            <el-image
-              :src="learn"
-              :preview-src-list="[learn]"
-              class="open-image"
-            />
+          <p class="blockh6 m0-t0 openImgBox">
+            <img src="../../../assets/images/chapterTen/0270-1.jpg" class="w100">
           </p>
         </div>
       </div>
@@ -78,13 +74,26 @@
             <span class="t0"
               >涓撻鍗佸涔犱富棰樹竴 鎵樺辜鏈烘瀯鐨勫缓绛戝崼鐢熻嚜涓诲涔犱换鍔″崟</span
             >
-            <img
+            <span class="t0 svg-btn" @click="changeResources('learnTableOne')">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+                <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('learnTableOne')"
               style="margin-left: 10px"
               class="btn"
-            />
+            /> -->
           </div>
           <table
             align="center"
@@ -324,12 +333,8 @@
             琛�10-1 鍏ㄦ棩鍒跺辜鍎垮洯鍚勯」鐢ㄦ埧浣跨敤闈㈢Н鍜屽缓绛戦潰绉竴瑙堣〃<a id="w1"></a
             ><a href="chapter010.html#m1"><sup>[1]</sup></a>
           </p>
-          <p class="center">
-            <el-image
-              :src="tableOne"
-              :preview-src-list="[tableOne]"
-              class="open-image"
-            />
+          <p class="center openImgBox">
+            <img src="../../../assets/images/chapterTen/0272-1.jpg" class="w100">
           </p>
           <p>
             骞煎効鍥殑鐢熸椿鐢ㄦ埧搴旂敱骞煎効鐢熸椿鍗曞厓銆佸叕鍏辨椿鍔ㄧ┖闂村拰澶氬姛鑳芥椿鍔ㄥ缁勬垚銆傚叕鍏辨椿鍔ㄧ┖闂村彲鏍规嵁闇�瑕佽缃�傜敓娲荤敤鎴挎槸鍥唴鐨勪富浣撳缓绛戯紝瀹冨寘鎷椿鍔ㄥ銆佸崸瀹ゃ�佸崼鐢熼棿绛夈�備竴鑸皢灏忕彮銆佷腑鐝畨鎺掑湪浣庡眰锛屽ぇ鐝畨鎺掑湪楂樺眰锛岄煶浣撴椿鍔ㄥ鍙畨鎺掑湪杈冮珮灞傛銆傜敓娲荤敤鎴垮簲鏈濆崡锛屾棩鐓у厖鍒嗭紝閫氶鑹ソ銆�
@@ -442,12 +447,8 @@
             娲诲姩瀹ゅ拰瀵濆鍚堝苟璁剧疆閲囩敤闈㈢Н鎸囨爣浣庨檺銆備汉鍧囦娇鐢ㄩ潰绉负3.5骞虫柟绫筹紝姣忕彮浣跨敤闈㈢Н105骞虫柟绫炽�傚垎寮�璁剧疆閲囩敤闈㈢Н鎸囨爣楂橀檺銆傛椿鍔ㄥ浜哄潎浣跨敤闈㈢Н涓�2.4骞虫柟绫筹紝姣忕彮浣跨敤闈㈢Н72骞虫柟绫炽�傛椿鍔ㄥ鐨勫鍐呭噣楂樺弬瑙佽〃10-2銆�
           </p>
           <p class="img">琛�10-2 骞煎効鍥富瑕佸缓绛戠殑瀹ゅ唴鍑�楂�</p>
-          <p class="center">
-            <el-image
-              :src="tableTwo"
-              :preview-src-list="[tableTwo]"
-              class="open-image"
-            />
+          <p class="center openImgBox">
+            <img src="../../../assets/images/chapterTen/0274-1.jpg" class="w100">
           </p>
           <p>
             娲诲姩瀹ょ殑绐楀簲鍚戝崡锛屼笉搴斿悜鍖楁垨鍚戣タ锛屾渶濂芥槸鍙岄潰閲囧厜銆傜獥楂橈紙鍐呭湴闈㈣嚦绐椾笂缂橀珮锛変笉浣庝簬2.8绫炽�備负浣垮効绔ヨ兘鍦ㄥ鍐呭悜澶栬繙鐪猴紝绐楀彴璺濆湴闈㈢殑楂樺害搴斾负50锝�60鍘樼背銆傛ゼ灞傛棤瀹ゅ闃冲彴鏃讹紝搴旇鎶ゆ爮锛岃窛鍦伴潰1.30绫冲唴涓嶅簲璁惧钩寮�绐椼�傛椿鍔ㄥ鍑�楂樹笉浣庝簬3.3绫炽�傚湴闈㈠簲閾烘湪鍦版澘锛屼繚娓┿�侀槻娼紝渚夸簬鎵撴壂锛屼笖闃叉鍎跨鎽斾激銆傚鍐呭櫔澹板0绾т笉搴斿ぇ浜�50鍒嗚礉銆�
@@ -728,6 +729,7 @@
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚涓�</span>
             <examinations
+            v-if="questionData && questionData[275]"
               :cardList="questionData[275]"
               :chapter="10"
               :page="267"
@@ -743,13 +745,26 @@
               >涓撻鍗佸涔犱富棰樹簩
               鎵樺辜鏈烘瀯鐨勮澶囧強鏁欏叿銆佺帺鍏峰崼鐢熶笓棰樺崄瀛︿範涓婚浜岃嚜涓诲涔犱换鍔″崟</span
             >
-            <img
+            <span class="t0 svg-btn" @click="changeResources('learnTableTwo')">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+                <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('learnTableTwo')"
               style="margin-left: 10px"
               class="btn"
-            />
+            /> -->
           </div>
           <table
             v-if="learnTableTwo"
@@ -1160,6 +1175,7 @@
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚浜�</span>
             <examinations
+            v-if="questionData && questionData[280]"
               :cardList="questionData[280]"
               :chapter="10"
               :page="272"
@@ -1304,6 +1320,7 @@
             瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
             <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
             <examinations
+            v-if="questionData && questionData[281][1]"
               :cardList="questionData[281][1]"
               :chapter="10"
               :page="2731"
@@ -1311,6 +1328,7 @@
             <span class="span-border"></span>
             <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
             <examinations
+            v-if="questionData && questionData[281][2]"
               :cardList="questionData[281][2]"
               :chapter="10"
               :page="2732"
@@ -1349,11 +1367,6 @@
   },
   data() {
     return {
-      learn: require("../../../assets/images/chapterTen/0270-1.jpg"),
-      taskOne: require("../../../assets/images/chapterTen/task-sheet1.png"),
-      taskTwo: require("../../../assets/images/chapterTen/task-sheet2.png"),
-      tableOne: require("../../../assets/images/chapterTen/0272-1.jpg"),
-      tableTwo: require("../../../assets/images/chapterTen/0274-1.jpg"),
       learnTableOne: true,
       learnTableTwo: true,
       learnTableThree: true,

--
Gitblit v1.9.1