From 65ae7c01bfcb6a02eefa3fe0db0d8395305d6c54 Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期五, 30 五月 2025 16:40:17 +0800
Subject: [PATCH] num

---
 src/books/toddlerGameImplementation/view/components/chapter005.vue |  500 +++++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 423 insertions(+), 77 deletions(-)

diff --git a/src/books/toddlerGameImplementation/view/components/chapter005.vue b/src/books/toddlerGameImplementation/view/components/chapter005.vue
index b0b1c26..647f84b 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter005.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter005.vue
@@ -174,13 +174,61 @@
                     </p>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
-                        <p class="center"><span class="ls2">2020骞村垵绾ц偛濠村笀鑰冭瘯鐪熼</span></p>
-                        <p>锛堝崟閫夐锛夊┐骞煎効鏈�鏃╃殑鎰熻鏄紙銆�銆�锛夈��</p>
-                        <p>A.瑙﹁</p>
-                        <p>B.鍚</p>
-                        <p>C.瑙嗚</p>
-                        <p>D.鍛宠</p>
-                        <p>鍙傝�冪瓟妗堬細C銆�</p>
+                        <ul v-for="(item, index) in exampleOne.unitOne" :key="'exampleOne' + index">
+                            <li>
+                                {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                            </li>
+                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                                <label>
+                                    <input type="radio" :disabled="exampleOne.isComplete" :name="item.txt"
+                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleOne" />
+                                    <span>{{ citem.value }} . {{ citem.txt }}</span>
+                                </label>
+                            </li>
+                            <li v-if="exampleOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                                <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                    item.userAnswer
+                                    }}</span>
+                                <span class="icon-box-big fl al-c">
+                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                        <path
+                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                            fill="#1AFA29" p-id="18768"></path>
+                                    </svg>
+                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
+                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                        <path
+                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                            fill="#d81e06" p-id="25746"></path>
+                                    </svg>
+                                </span>
+                            </li>
+                        </ul>
+                        <!-- 鎻愪氦鎸夐挳 -->
+                        <div class="w100 fl ju-cn">
+                            <ul class="fl ju-ev w80 choice">
+                                <li>
+                                    <button class="btn-border btn-w" @click="goExampleOne">
+                                        鎻愪氦
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="changeExampleOne" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="exampleOne.isShowAnswer = !exampleOne.isShowAnswer"
+                                        class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
+                                </li>
+                            </ul>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -237,37 +285,85 @@
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
-                    <div class="img-float w120">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-4 img-d" alt="" src="../../assets/images/sjyy.png" /></p>
-                            </div>
-                            <p>璇疯璁′竴涓府鍔�0锝�3涓湀濠村効鍙戝睍澹伴煶鍒嗚鲸鑳藉姏鍜屽0婧愬畾浣嶈兘鍔涚殑璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/sjyy.png" /></p>
                         </div>
+                        <p>璇疯璁′竴涓府鍔�0锝�3涓湀濠村効鍙戝睍澹伴煶鍒嗚鲸鑳藉姏鍜屽0婧愬畾浣嶈兘鍔涚殑璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
+                        <textarea v-model="textQuestionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
                     </div>
-                    <span>
-                        <h3 id="c040">浜屻��4锝�6涓湀濠村効璁ょ煡娓告垙璁捐涓庢寚瀵�</h3>
-                        <h4 id="d092">锛堜竴锛夎璁′緷鎹�</h4>
-                        <h5 id="e097">1.璁ょ煡鍙戝睍鐨勭壒鐐�</h5>
-                        <p>鎰熺煡瑙夊彂灞曠殑鐗圭偣涓昏鍖呮嫭浠ヤ笅鍑犵偣銆�</p>
-                        <p>鍏朵竴锛岃瑙夊彂灞曘��4涓湀濠村効鐨勮閲庤寖鍥存墿灞曞埌鍥涘懆锛屼篃鑳戒粠涓�涓墿浣撹浆绉诲埌鍙︿竴涓墿浣擄紝涓斿濡堝鐨勮劯鑳藉闆嗕腑鑰屾寔涔呭湴娉ㄨ銆�5涓湀鐨勫┐鍎垮彲浠ヨ繘琛屽叏鏂逛綅鐨勮拷瑙嗐�傚綋鐜╁叿鎺夎惤鏃讹紝浠栦滑浼氱敤鐩厜杩介殢锛岃繕鍙互娉ㄨ鍒版洿杩滆窛绂荤殑鐗╀綋銆�6涓湀鐨勫┐鍎垮彲浠ユ敞瑙嗙粏灏忕墿鍝侊紝濡傛涓婄殑灏忕帺鍏凤紝涔熻兘涓ょ溂杩芥壘鐜╁叿銆傛瘮濡傦紝濠村効鎵嬩腑鎷跨潃瀹堕暱缁欑殑涓�鍧楀皬绉湪锛涘綋瀹堕暱缁欑浜屽潡灏忕Н鏈ㄦ椂锛屼粬浠兘娉ㄨ闅忓悗鍑虹幇鐨勭浜屽潡銆傚湪瀵归鑹茬殑鎰熺煡涓婏紝4涓湀鐨勫┐鍎块鑹叉劅鐭ヨ兘鍔涘凡瓒嬩簬鎴愪汉姘村钩锛屼粬浠兘澶熶互澶氱淮搴﹁鲸鍒鑹诧紝濡傛槑搴︺�佽壊璋冪瓑锛岃壊褰╁亸濂芥洿鍔犳槑鏄撅紝鍋忕埍椴滆壋鏄庝寒鐨勯鑹诧紝涓嶅枩娆㈡殫娣$殑棰滆壊銆�5涓湀鏃讹紝濠村効宸茬粡鑳芥劅鐭ラ鑹茬殑娣辨祬銆�
-                        </p>
-                        <p>鍏朵簩锛屽惉瑙夊彂灞曘��4涓湀鐨勫┐鍎垮惉鍔涙按骞冲嚑涔庝笌鎴愪汉涓�鑷达紝鑳藉缓绔嬭鍚仈绯伙紝宸茬粡鑳藉瀵绘壘澹版簮銆�5涓湀鐨勫┐鍎垮叿鏈変粠杩炵画銆佸鏉傜殑瑷�璇祦涓彁鍙栬寰嬬殑鑳藉姏锛屼粬浠彲浠ヤ粠鎴愪汉鐨勮璋冧腑瀵绘壘鍒板叾鎯呯华鐘舵�佺嚎绱㈠苟鍔犱互鍥炲簲銆備笌姝ゅ悓鏃讹紝浠栦滑鍙互鍩烘湰鍒嗚鲸浜虹被璇█鐨勬墍鏈夎闊炽��6涓湀鐨勫┐鍎垮彲浠ラ泦涓惉鍔涘垎杈ㄥ0闊崇殑鏉ユ簮锛屽惉鍒版湁璇磋瘽鐨勫0闊筹紝鑳藉鍥炲ご鐪嬭璇濈殑浜恒��
-                        </p>
-                        <p>鍏朵笁锛岃Е瑙夊彂灞曘��4涓湀鐨勫┐鍎胯Е瑙夊弽搴旀洿鍔犵伒鏁忥紝闄や簡鍙互鎰熷彈鍒板共銆佹箍鐨勫樊鍒锛屽鎸犵棐涔熸湁鎰熻銆傝繖鎰忓懗鐫�濠村効寮�濮嬮�氳繃鐨偆鎰熻鑾峰彇瑙﹁缁忛獙銆�6涓湀涔嬪墠锛屽┐鍎垮皻鏈彂灞曡捣鎵嬬溂鍗忚皟鑳藉姏锛屽洜鑰屾墜鐨勮Е瑙夋晱鎰熷害杩滀笉濡傚彛鑵旇Е瑙夈��4涓湀鐨勫┐鍎垮湪瑙嗚銆佽Е瑙変笌鎵嬬殑鍔ㄤ綔涔嬮棿寤虹珛浜嗗垵姝ヨ仈绯伙紝閫愭鏈変簡鎵嬬溂鐨勫崗璋冦��4锝�5涓湀鏃讹紝濠村効鐨勮窛绂荤煡瑙夎繕涓嶅绮惧噯锛屽嵆琛ㄧ幇鍑哄綋鎯宠Е鎽哥湅鍒扮殑涓滆タ鏃朵笉涓�瀹氭姄寰椾綇銆佹嬁寰楃ǔ銆傞殢鍚庡湪涓嶆柇缁冧範涓紝濠村効鍑虹幇浜嗘姄鎻″姩浣滐紝鏈�鍒濈殑鎶撴彙杩愬姩鏄墜鎺屼竴鎶婃姄銆�5涓湀鐨勫┐鍎垮父浼氬�熷姪鍞囥�佽垖銆佸彛鑵旂殑瑙﹁鏉ヨ璇嗕簨鐗╋紝姝ゆ椂澶勪簬鍙h厰鏁忔劅鏈熴��
-                        </p>
-                        <p>鍦ㄦ敞鎰忓姏鍙戝睍鏂归潰锛�4锝�6涓湀鐨勫┐鍎垮ご閮ㄨ繍鍔ㄨ嚜鎺ц兘鍔涘寮恒�傞殢鐫�瑙嗛噹鑼冨洿鐨勬墿澶с�佸弻鎵嬬殑瑙︽懜鍜屾姄鍙栨妧鑳界殑绮剧‘鍜岀ǔ瀹氭彁鍗囷紝濠村効鑾峰彇澶栫晫淇℃伅鐨勮兘鍔涙樉钁楁彁鍗囷紝闅忎箣娉ㄦ剰鐨勫搧璐ㄤ篃寰椾互鎻愰珮銆傚叿浣撹〃鐜板湪骞冲潎娉ㄦ剰鏃堕棿缂╃煭锛屽亸鐖辫瑙夊璞★紝澶嶆潅鍖栧拰鏈夋剰涔夈�佸彲鐪嬭鍜屽彲鎿嶄綔鐨勭墿浣撴洿鑳藉紩璧锋寔涔呯殑娉ㄦ剰銆�
-                        </p>
-                    </span>
+                    <h3 id="c040">浜屻��4锝�6涓湀濠村効璁ょ煡娓告垙璁捐涓庢寚瀵�</h3>
+                    <h4 id="d092">锛堜竴锛夎璁′緷鎹�</h4>
+                    <h5 id="e097">1.璁ょ煡鍙戝睍鐨勭壒鐐�</h5>
+                    <p>鎰熺煡瑙夊彂灞曠殑鐗圭偣涓昏鍖呮嫭浠ヤ笅鍑犵偣銆�</p>
+                    <p>鍏朵竴锛岃瑙夊彂灞曘��4涓湀濠村効鐨勮閲庤寖鍥存墿灞曞埌鍥涘懆锛屼篃鑳戒粠涓�涓墿浣撹浆绉诲埌鍙︿竴涓墿浣擄紝涓斿濡堝鐨勮劯鑳藉闆嗕腑鑰屾寔涔呭湴娉ㄨ銆�5涓湀鐨勫┐鍎垮彲浠ヨ繘琛屽叏鏂逛綅鐨勮拷瑙嗐�傚綋鐜╁叿鎺夎惤鏃讹紝浠栦滑浼氱敤鐩厜杩介殢锛岃繕鍙互娉ㄨ鍒版洿杩滆窛绂荤殑鐗╀綋銆�6涓湀鐨勫┐鍎垮彲浠ユ敞瑙嗙粏灏忕墿鍝侊紝濡傛涓婄殑灏忕帺鍏凤紝涔熻兘涓ょ溂杩芥壘鐜╁叿銆傛瘮濡傦紝濠村効鎵嬩腑鎷跨潃瀹堕暱缁欑殑涓�鍧楀皬绉湪锛涘綋瀹堕暱缁欑浜屽潡灏忕Н鏈ㄦ椂锛屼粬浠兘娉ㄨ闅忓悗鍑虹幇鐨勭浜屽潡銆傚湪瀵归鑹茬殑鎰熺煡涓婏紝4涓湀鐨勫┐鍎块鑹叉劅鐭ヨ兘鍔涘凡瓒嬩簬鎴愪汉姘村钩锛屼粬浠兘澶熶互澶氱淮搴﹁鲸鍒鑹诧紝濡傛槑搴︺�佽壊璋冪瓑锛岃壊褰╁亸濂芥洿鍔犳槑鏄撅紝鍋忕埍椴滆壋鏄庝寒鐨勯鑹诧紝涓嶅枩娆㈡殫娣$殑棰滆壊銆�5涓湀鏃讹紝濠村効宸茬粡鑳芥劅鐭ラ鑹茬殑娣辨祬銆�
+                    </p>
+                    <p>鍏朵簩锛屽惉瑙夊彂灞曘��4涓湀鐨勫┐鍎垮惉鍔涙按骞冲嚑涔庝笌鎴愪汉涓�鑷达紝鑳藉缓绔嬭鍚仈绯伙紝宸茬粡鑳藉瀵绘壘澹版簮銆�5涓湀鐨勫┐鍎垮叿鏈変粠杩炵画銆佸鏉傜殑瑷�璇祦涓彁鍙栬寰嬬殑鑳藉姏锛屼粬浠彲浠ヤ粠鎴愪汉鐨勮璋冧腑瀵绘壘鍒板叾鎯呯华鐘舵�佺嚎绱㈠苟鍔犱互鍥炲簲銆備笌姝ゅ悓鏃讹紝浠栦滑鍙互鍩烘湰鍒嗚鲸浜虹被璇█鐨勬墍鏈夎闊炽��6涓湀鐨勫┐鍎垮彲浠ラ泦涓惉鍔涘垎杈ㄥ0闊崇殑鏉ユ簮锛屽惉鍒版湁璇磋瘽鐨勫0闊筹紝鑳藉鍥炲ご鐪嬭璇濈殑浜恒��
+                    </p>
+                    <p>鍏朵笁锛岃Е瑙夊彂灞曘��4涓湀鐨勫┐鍎胯Е瑙夊弽搴旀洿鍔犵伒鏁忥紝闄や簡鍙互鎰熷彈鍒板共銆佹箍鐨勫樊鍒锛屽鎸犵棐涔熸湁鎰熻銆傝繖鎰忓懗鐫�濠村効寮�濮嬮�氳繃鐨偆鎰熻鑾峰彇瑙﹁缁忛獙銆�6涓湀涔嬪墠锛屽┐鍎垮皻鏈彂灞曡捣鎵嬬溂鍗忚皟鑳藉姏锛屽洜鑰屾墜鐨勮Е瑙夋晱鎰熷害杩滀笉濡傚彛鑵旇Е瑙夈��4涓湀鐨勫┐鍎垮湪瑙嗚銆佽Е瑙変笌鎵嬬殑鍔ㄤ綔涔嬮棿寤虹珛浜嗗垵姝ヨ仈绯伙紝閫愭鏈変簡鎵嬬溂鐨勫崗璋冦��4锝�5涓湀鏃讹紝濠村効鐨勮窛绂荤煡瑙夎繕涓嶅绮惧噯锛屽嵆琛ㄧ幇鍑哄綋鎯宠Е鎽哥湅鍒扮殑涓滆タ鏃朵笉涓�瀹氭姄寰椾綇銆佹嬁寰楃ǔ銆傞殢鍚庡湪涓嶆柇缁冧範涓紝濠村効鍑虹幇浜嗘姄鎻″姩浣滐紝鏈�鍒濈殑鎶撴彙杩愬姩鏄墜鎺屼竴鎶婃姄銆�5涓湀鐨勫┐鍎垮父浼氬�熷姪鍞囥�佽垖銆佸彛鑵旂殑瑙﹁鏉ヨ璇嗕簨鐗╋紝姝ゆ椂澶勪簬鍙h厰鏁忔劅鏈熴��
+                    </p>
+                    <p>鍦ㄦ敞鎰忓姏鍙戝睍鏂归潰锛�4锝�6涓湀鐨勫┐鍎垮ご閮ㄨ繍鍔ㄨ嚜鎺ц兘鍔涘寮恒�傞殢鐫�瑙嗛噹鑼冨洿鐨勬墿澶с�佸弻鎵嬬殑瑙︽懜鍜屾姄鍙栨妧鑳界殑绮剧‘鍜岀ǔ瀹氭彁鍗囷紝濠村効鑾峰彇澶栫晫淇℃伅鐨勮兘鍔涙樉钁楁彁鍗囷紝闅忎箣娉ㄦ剰鐨勫搧璐ㄤ篃寰椾互鎻愰珮銆傚叿浣撹〃鐜板湪骞冲潎娉ㄦ剰鏃堕棿缂╃煭锛屽亸鐖辫瑙夊璞★紝澶嶆潅鍖栧拰鏈夋剰涔夈�佸彲鐪嬭鍜屽彲鎿嶄綔鐨勭墿浣撴洿鑳藉紩璧锋寔涔呯殑娉ㄦ剰銆�
+                    </p>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                         <p class="center"><span class="ls2">2020骞翠腑绾ц偛濠村笀鑰冭瘯鐪熼</span></p>
-                        <p>锛堝崟閫夐锛夊┐鍎匡紙銆�銆�锛夋椂鑳藉姣旇緝绋冲畾鍦版敞瑙嗘煇涓�鐗╀綋锛屼絾鎸佺画鐨勬椂闂村緢鐭��</p>
-                        <p>A.1锝�2涓湀</p>
-                        <p>B.2锝�3涓湀</p>
-                        <p>C.3锝�4涓湀</p>
-                        <p>D.5锝�6涓湀</p>
-                        <p>鍙傝�冪瓟妗堬細A銆�</p>
+                        <ul v-for="(item, index) in exampleTwo.unitOne" :key="'exampleTwo' + index">
+                            <li>
+                                {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
+                            </li>
+                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                                <label>
+                                    <input type="radio" :disabled="exampleTwo.isComplete" :name="item.txt"
+                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleTwo" />
+                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
+                                </label>
+                            </li>
+                            <li v-if="exampleTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                                <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                    item.userAnswer
+                                }}</span>
+                                <span class="icon-box-big fl al-c">
+                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                        <path
+                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                            fill="#1AFA29" p-id="18768"></path>
+                                    </svg>
+                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
+                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                        <path
+                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                            fill="#d81e06" p-id="25746"></path>
+                                    </svg>
+                                </span>
+                            </li>
+                        </ul>
+                        <!-- 鎻愪氦鎸夐挳 -->
+                        <div class="w100 fl ju-cn">
+                            <ul class="fl ju-ev w80 choice">
+                                <li>
+                                    <button class="btn-border btn-w" @click="goExampleTwo">
+                                        鎻愪氦
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="changeExampleTwo" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="exampleTwo.isShowAnswer = !exampleTwo.isShowAnswer"
+                                        class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
+                                </li>
+                            </ul>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -313,7 +409,7 @@
         </div>
         <!-- 112椤� -->
         <div class="page-box" page="122">
-            <div v-if="showPageList.indexOf(112) > -1">
+            <div v-if="showPageList.indexOf(122) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -328,34 +424,33 @@
                         <p>锛�2锛夊彲寮曞濠村効杩涜閫愪竴璁よ瘑鍚勭被鐜╁叿锛岀Н绱敓娲荤粡楠屻��</p>
                         <p>锛�3锛夊姟蹇呰�愬績寮曞濠村効瑙傚療鍖归厤瀵硅薄鐨勫褰㈢壒寰併��</p>
                     </div>
-                    <div class="img-float w120">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-4 img-d" alt="" src="../../assets/images/sjyy.png" /></p>
-                            </div>
-                            <p>璇疯璁′竴涓府鍔�4锝�6涓湀濠村効鍙戝睍鎵嬬溂鍗忚皟鑳藉姏鐨勮鐭ユ父鎴忥紝璇峰皢娓告垙鐜╂硶浠嬬粛缁欎綘鐨勮�佸笀鍜屽悓瀛﹀惂锛�</p>
+                    <h5 id="e099">1.娓告垙涓婚鐨勯�夋嫨</h5>
+                    <p>鏍规嵁姝ゅ勾榫勬濠村効鐨勮鐭ュ彂灞曟按骞冲拰鍙戝睍鐩爣锛岃璁′互缁冧範鎵嬬溂鍗忚皟鑳藉姏銆佸彂灞曟墜鐨勬姄鎻¤兘鍔涘拰璁粌瑙傚療鍔涗负涓荤殑娓告垙銆傜帺鍏峰濠村効鏈夌潃鐗规畩鐨勫惛寮曞姏銆傚皢鏃ュ父浣跨敤鐨勫悇绉嶇帺鍏疯瀺鍏ユ父鎴忥紝涓嶄粎鑳藉惛寮曞┐鍎跨殑娉ㄦ剰鍔涳紝杩樿兘鍦ㄥ叴瓒g殑鎸囧紩涓嬶紝鎻愬崌濠村効鎶撴彙鍔ㄤ綔缁冧範鐨勮川閲忋��
+                    </p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/sjyy.png" /></p>
                         </div>
+                        <p>璇疯璁′竴涓府鍔�4锝�6涓湀濠村効鍙戝睍鎵嬬溂鍗忚皟鑳藉姏鐨勮鐭ユ父鎴忥紝璇峰皢娓告垙鐜╂硶浠嬬粛缁欎綘鐨勮�佸笀鍜屽悓瀛﹀惂锛�</p>
+                        <textarea v-model="textQuestionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
                     </div>
-                    <span>
-                        <h5 id="e099">1.娓告垙涓婚鐨勯�夋嫨</h5>
-                        <p>鏍规嵁姝ゅ勾榫勬濠村効鐨勮鐭ュ彂灞曟按骞冲拰鍙戝睍鐩爣锛岃璁′互缁冧範鎵嬬溂鍗忚皟鑳藉姏銆佸彂灞曟墜鐨勬姄鎻¤兘鍔涘拰璁粌瑙傚療鍔涗负涓荤殑娓告垙銆傜帺鍏峰濠村効鏈夌潃鐗规畩鐨勫惛寮曞姏銆傚皢鏃ュ父浣跨敤鐨勫悇绉嶇帺鍏疯瀺鍏ユ父鎴忥紝涓嶄粎鑳藉惛寮曞┐鍎跨殑娉ㄦ剰鍔涳紝杩樿兘鍦ㄥ叴瓒g殑鎸囧紩涓嬶紝鎻愬崌濠村効鎶撴彙鍔ㄤ綔缁冧範鐨勮川閲忋��
-                        </p>
-                        <h5 id="e100">2.鍙戝睍鐩爣鐨勭‘绔�</h5>
-                        <p>鏍规嵁濠村効璁ょ煡鑳藉姏鍙戝睍鐨勫勾榫勭壒鐐癸紝纭畾浠ヤ笅涓や釜鐩爣锛氣憼缁冧範鎵嬬溂鍗忚皟鑳藉姏锛屽彂灞曟墜鐨勬姄鎻¤兘鍔涳紱鈶′簡瑙e悇绉嶇Н鏈ㄧ殑褰㈢姸銆佸悕绉帮紝璁粌瑙傚療鍔涖��</p>
-                        <h5 id="e101">3.娓告垙鐜╂硶鐨勮璁�</h5>
-                        <p>鍊熷姪閬撳叿鍜屽彛澶存父鎴忔寚浠わ紝寮曞濠村効鍦ㄥ鎵惧尮閰嶇墿鍝佷腑瀹屾垚娓告垙銆傞�氳繃瑙傚療濠村効鐨勫弽搴旓紝瀹堕暱鑳藉鍙婃椂鎻愪緵鏈夐拡瀵规�х殑鎸囧锛屾湁鏁堟彁楂樼粌涔犳晥鐜囷紝骞跺湪鍚堜綔涓紩瀵煎┐鍎夸簡瑙h韩杈圭殑浜嬬墿锛岀Н绱敓娲荤粡楠屻�傛澶栵紝浜插瓙闂寸殑楂樻晥浜掑姩杩樿兘澧炲己浜插瓙鍏崇郴锛屼綋楠屾父鎴忎箰瓒c��
-                        </p>
-                        <h4 id="d095">锛堝洓锛夋寚瀵艰鐐�</h4>
-                        <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀胯鈥滆棌濂解�濇父鎴忛亾鍏蜂笉琚┐鍎垮彂鐜般��</p>
-                        <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱涓嶅彲杩囧骞查锛岃鐣欏嚭瓒冲鐨勩�佸┐鍎垮彲鑷鎿嶄綔鐨勬椂闂达紱褰撳┐鍎挎棤娉曟壘鍒板尮閰嶇殑鐗╁搧鏃讹紝瀹堕暱鍙�傚綋鎻愪緵淇℃伅绾跨储锛屽紩瀵煎┐鍎块�氳繃瑙傚療鍙戠幇涓庣嚎绱㈢浉绗︾殑鐗╁搧銆�</p>
-                        <p>绗笁锛屽紩瀵煎┐鍎胯璇嗕笉鍚屽舰鐘剁殑绉湪鏃讹紝杩樺彲杈硅杈瑰皢绉湪鎼垚鏌愪釜鐗╁搧锛岃繘涓�姝ュ惛寮曞┐鍎跨殑娉ㄦ剰鍔涳紝骞跺紩瀵间粬浠璇嗗悇绉嶅舰鐘剁殑绉湪銆�</p>
-                        <h3 id="c041">涓夈��7锝�9涓湀濠村効璁ょ煡娓告垙璁捐涓庢寚瀵�</h3>
-                        <h4 id="d096">锛堜竴锛夎璁′緷鎹�</h4>
-                        <h5 id="e102">1.璁ょ煡鍙戝睍鐨勭壒鐐�</h5>
-                        <p>鎰熺煡瑙夊彂灞曠殑鐗圭偣鍖呮嫭浠ヤ笅鍑犵偣銆�</p>
-                        <p>鍏朵竴锛岃瑙夊彂灞曘��7涓湀鐨勫┐鍎块殢鐫�鑳藉鍧愮珛锛屽叾鍙鐨勮寖鍥翠粠宸﹀彸鍙戝睍鍒颁簡涓婁笅銆傞潰瀵圭溂鍓嶇殑浜嬬墿锛屼粬浠兘鍦ㄥぇ鑴戠殑鎸囨尌涓嬪皢涓ょ溂鍥惧儚鏁村悎鎴愪竴涓暣浣擄紝骞惰兘閫氳繃璋冩暣浣撲綅鍗忚皟瑙嗚銆備笌姝ゅ悓鏃讹紝濠村効涔熻兘鍦ㄨ緝闀挎椂闂村唴鐪�3锝�3.5绫宠繙鐨勪汉鐗╂椿鍔ㄣ��8涓湀鏃讹紝濠村効鐨勮鍔涘凡杈惧埌鎴愪汉鐨�2/3锛屽叿澶囦簡鑳藉鍒ゆ柇璺濈鐨勮兘鍔涳紝鑳借鲸鍒墿浣撶殑杩滆繎鍜岀┖闂达紝鑳藉垎杈ㄤ汉鐗╃殑缁嗗井宸埆锛岃鲸鍒墿浣撶殑棰滆壊銆佸ぇ灏忋�佸舰鐘跺強绉诲姩鐨勯�熷害绛夛紝骞跺瀹瑰櫒鍐呯殑绌洪棿鎰熷叴瓒c��4锝�8涓湀鐨勫┐鍎垮湪棰滆壊鍋忓ソ涓婁繚鎸佺ǔ瀹氾紝鍗冲枩娆㈡尝闀胯緝闀跨殑鏆栬壊璋冦�佹槑浜殑棰滆壊锛屼笉鍠滄鍐疯壊璋冦�佹殫娣$殑棰滆壊銆�8涓湀鐨勫┐鍎胯兘灏濊瘯鎸囪瀵规瘮搴﹁緝涓烘槑鏄剧殑棰滆壊銆�
-                        </p>
-                    </span>
+                    <h5 id="e100">2.鍙戝睍鐩爣鐨勭‘绔�</h5>
+                    <p>鏍规嵁濠村効璁ょ煡鑳藉姏鍙戝睍鐨勫勾榫勭壒鐐癸紝纭畾浠ヤ笅涓や釜鐩爣锛氣憼缁冧範鎵嬬溂鍗忚皟鑳藉姏锛屽彂灞曟墜鐨勬姄鎻¤兘鍔涳紱鈶′簡瑙e悇绉嶇Н鏈ㄧ殑褰㈢姸銆佸悕绉帮紝璁粌瑙傚療鍔涖��</p>
+                    <h5 id="e101">3.娓告垙鐜╂硶鐨勮璁�</h5>
+                    <p>鍊熷姪閬撳叿鍜屽彛澶存父鎴忔寚浠わ紝寮曞濠村効鍦ㄥ鎵惧尮閰嶇墿鍝佷腑瀹屾垚娓告垙銆傞�氳繃瑙傚療濠村効鐨勫弽搴旓紝瀹堕暱鑳藉鍙婃椂鎻愪緵鏈夐拡瀵规�х殑鎸囧锛屾湁鏁堟彁楂樼粌涔犳晥鐜囷紝骞跺湪鍚堜綔涓紩瀵煎┐鍎夸簡瑙h韩杈圭殑浜嬬墿锛岀Н绱敓娲荤粡楠屻�傛澶栵紝浜插瓙闂寸殑楂樻晥浜掑姩杩樿兘澧炲己浜插瓙鍏崇郴锛屼綋楠屾父鎴忎箰瓒c��
+                    </p>
+                    <h4 id="d095">锛堝洓锛夋寚瀵艰鐐�</h4>
+                    <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀胯鈥滆棌濂解�濇父鎴忛亾鍏蜂笉琚┐鍎垮彂鐜般��</p>
+                    <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱涓嶅彲杩囧骞查锛岃鐣欏嚭瓒冲鐨勩�佸┐鍎垮彲鑷鎿嶄綔鐨勬椂闂达紱褰撳┐鍎挎棤娉曟壘鍒板尮閰嶇殑鐗╁搧鏃讹紝瀹堕暱鍙�傚綋鎻愪緵淇℃伅绾跨储锛屽紩瀵煎┐鍎块�氳繃瑙傚療鍙戠幇涓庣嚎绱㈢浉绗︾殑鐗╁搧銆�</p>
+                    <p>绗笁锛屽紩瀵煎┐鍎胯璇嗕笉鍚屽舰鐘剁殑绉湪鏃讹紝杩樺彲杈硅杈瑰皢绉湪鎼垚鏌愪釜鐗╁搧锛岃繘涓�姝ュ惛寮曞┐鍎跨殑娉ㄦ剰鍔涳紝骞跺紩瀵间粬浠璇嗗悇绉嶅舰鐘剁殑绉湪銆�</p>
+                    <h3 id="c041">涓夈��7锝�9涓湀濠村効璁ょ煡娓告垙璁捐涓庢寚瀵�</h3>
+                    <h4 id="d096">锛堜竴锛夎璁′緷鎹�</h4>
+                    <h5 id="e102">1.璁ょ煡鍙戝睍鐨勭壒鐐�</h5>
+                    <p>鎰熺煡瑙夊彂灞曠殑鐗圭偣鍖呮嫭浠ヤ笅鍑犵偣銆�</p>
+                    <p>鍏朵竴锛岃瑙夊彂灞曘��7涓湀鐨勫┐鍎块殢鐫�鑳藉鍧愮珛锛屽叾鍙鐨勮寖鍥翠粠宸﹀彸鍙戝睍鍒颁簡涓婁笅銆傞潰瀵圭溂鍓嶇殑浜嬬墿锛屼粬浠兘鍦ㄥぇ鑴戠殑鎸囨尌涓嬪皢涓ょ溂鍥惧儚鏁村悎鎴愪竴涓暣浣擄紝骞惰兘閫氳繃璋冩暣浣撲綅鍗忚皟瑙嗚銆備笌姝ゅ悓鏃讹紝濠村効涔熻兘鍦ㄨ緝闀挎椂闂村唴鐪�3锝�3.5绫宠繙鐨勪汉鐗╂椿鍔ㄣ��8涓湀鏃讹紝濠村効鐨勮鍔涘凡杈惧埌鎴愪汉鐨�2/3锛屽叿澶囦簡鑳藉鍒ゆ柇璺濈鐨勮兘鍔涳紝鑳借鲸鍒墿浣撶殑杩滆繎鍜岀┖闂达紝鑳藉垎杈ㄤ汉鐗╃殑缁嗗井宸埆锛岃鲸鍒墿浣撶殑棰滆壊銆佸ぇ灏忋�佸舰鐘跺強绉诲姩鐨勯�熷害绛夛紝骞跺瀹瑰櫒鍐呯殑绌洪棿鎰熷叴瓒c��4锝�8涓湀鐨勫┐鍎垮湪棰滆壊鍋忓ソ涓婁繚鎸佺ǔ瀹氾紝鍗冲枩娆㈡尝闀胯緝闀跨殑鏆栬壊璋冦�佹槑浜殑棰滆壊锛屼笉鍠滄鍐疯壊璋冦�佹殫娣$殑棰滆壊銆�8涓湀鐨勫┐鍎胯兘灏濊瘯鎸囪瀵规瘮搴﹁緝涓烘槑鏄剧殑棰滆壊銆�
+                    </p>
                 </div>
             </div>
         </div>
@@ -429,22 +524,22 @@
                     <h4 id="d099">锛堝洓锛夋寚瀵艰鐐�</h4>
                     <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀胯鍑嗗濂戒赴瀵岀殑娓告垙閬撳叿銆�</p>
                     <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱瑕佹敞鎰忔父鎴忕殑澶嶆潅绋嬪害锛岄渶瑕佸叧娉ㄥ瀹濇父鎴忕殑鎴愬姛浣撻獙銆�</p>
-                    <div class="img-float w120">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-4 img-d" alt="" src="../../assets/images/sjyy.png" /></p>
-                            </div>
-                            <p>璇疯璁′竴涓府鍔�7锝�9涓湀濠村効鍙戝睍瀹綋姘镐箙鎬ф蹇电殑璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
+                    <p>绗笁锛屽垰寮�濮嬪┐鍎夸笉鐞嗚В娓告垙瑙勫垯鏃讹紝瀹堕暱搴旇娓呮鍦拌繘琛岀ず鑼冿紝涔熷彲浠ュ湪鈥滆棌瀹濃�濇椂闇插嚭涓�閮ㄥ垎锛屼互甯姪濠村効鐞嗚В銆�</p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/sjyy.png" /></p>
                         </div>
+                        <p>璇疯璁′竴涓府鍔�7锝�9涓湀濠村効鍙戝睍瀹綋姘镐箙鎬ф蹇电殑璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
+                        <textarea v-model="textQuestionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
                     </div>
-                    <span>
-                        <p>绗笁锛屽垰寮�濮嬪┐鍎夸笉鐞嗚В娓告垙瑙勫垯鏃讹紝瀹堕暱搴旇娓呮鍦拌繘琛岀ず鑼冿紝涔熷彲浠ュ湪鈥滆棌瀹濃�濇椂闇插嚭涓�閮ㄥ垎锛屼互甯姪濠村効鐞嗚В銆�</p>
-                        <h3 id="c042">鍥涖��10锝�12涓湀濠村効璁ょ煡娓告垙璁捐涓庢寚瀵�</h3>
-                        <h4 id="d100">锛堜竴锛夎璁′緷鎹�</h4>
-                        <h5 id="e107">1.璁ょ煡鍙戝睍鐨勭壒鐐�</h5>
-                        <p>鎰熺煡瑙夊彂灞曠殑鐗圭偣鍖呮嫭浠ヤ笅鍑犵偣銆傚叾涓�锛岃瑙夊彂灞曘��10涓湀鐨勫┐鍎垮紑濮嬭瀵熺墿浣撶殑灞炴�э紝鍙互璇嗗埆璁稿鐔熸倝鐨勪汉銆佸湴鐐瑰拰鐗╀綋鐨勫悕瀛楋紝鑳藉垎鍒寚璁ゅ绉嶉鑹诧紝濡傜孩銆侀粍銆佽摑銆佺豢銆佺传銆佺伆銆佹銆佹绛夈�傚叾浜岋紝鍚鍙戝睍銆�11涓湀鐨勫┐鍎胯兘妯′豢鎴愪汉鍙戦煶锛岃兘鍚噦杈冨鏉傜殑鎸囦护鍜岃窡闅忛煶涔愮殑鑺傛媿鎽嗗姩韬綋銆傚叾涓夛紝瑙﹁鍙戝睍銆�10锝�12涓湀鐨勫┐鍎垮紑濮嬪彂灞曡Е瑙夊眬閮ㄥ寲涓庤Е瑙夎鲸璇嗘妧鑳斤紝鑳藉ぇ姒傛牴鎹韩浣撴劅瑙夌煡閬撳綋鍓嶈Е鎽搁儴浣嶅苟鍋氬嚭鑷鍙嶅簲锛屼篃鍙及鐣ヨ鲸璇嗘墍鎽稿埌鐨勭墿鍝佹槸浠�涔堛�傚叾鍥涳紝鐭ヨ鍙戝睍銆傛鏃剁殑濠村効宸茬粡鑳藉瑙夊療绌洪棿娣卞害锛屽苟鑳芥劅鐭ョ墿浣撴槸绔嬩綋鐨勩��
-                        </p>
-                    </span>
+                    <h3 id="c042">鍥涖��10锝�12涓湀濠村効璁ょ煡娓告垙璁捐涓庢寚瀵�</h3>
+                    <h4 id="d100">锛堜竴锛夎璁′緷鎹�</h4>
+                    <h5 id="e107">1.璁ょ煡鍙戝睍鐨勭壒鐐�</h5>
+                    <p>鎰熺煡瑙夊彂灞曠殑鐗圭偣鍖呮嫭浠ヤ笅鍑犵偣銆傚叾涓�锛岃瑙夊彂灞曘��10涓湀鐨勫┐鍎垮紑濮嬭瀵熺墿浣撶殑灞炴�э紝鍙互璇嗗埆璁稿鐔熸倝鐨勪汉銆佸湴鐐瑰拰鐗╀綋鐨勫悕瀛楋紝鑳藉垎鍒寚璁ゅ绉嶉鑹诧紝濡傜孩銆侀粍銆佽摑銆佺豢銆佺传銆佺伆銆佹銆佹绛夈�傚叾浜岋紝鍚鍙戝睍銆�11涓湀鐨勫┐鍎胯兘妯′豢鎴愪汉鍙戦煶锛岃兘鍚噦杈冨鏉傜殑鎸囦护鍜岃窡闅忛煶涔愮殑鑺傛媿鎽嗗姩韬綋銆傚叾涓夛紝瑙﹁鍙戝睍銆�10锝�12涓湀鐨勫┐鍎垮紑濮嬪彂灞曡Е瑙夊眬閮ㄥ寲涓庤Е瑙夎鲸璇嗘妧鑳斤紝鑳藉ぇ姒傛牴鎹韩浣撴劅瑙夌煡閬撳綋鍓嶈Е鎽搁儴浣嶅苟鍋氬嚭鑷鍙嶅簲锛屼篃鍙及鐣ヨ鲸璇嗘墍鎽稿埌鐨勭墿鍝佹槸浠�涔堛�傚叾鍥涳紝鐭ヨ鍙戝睍銆傛鏃剁殑濠村効宸茬粡鑳藉瑙夊療绌洪棿娣卞害锛屽苟鑳芥劅鐭ョ墿浣撴槸绔嬩綋鐨勩��
+                    </p>
+
                 </div>
             </div>
         </div>
@@ -978,7 +1073,8 @@
                     <h3 id="c045">涓�銆�2锝�2.5宀佸辜鍎胯鐭ユ父鎴忚璁′笌鎸囧</h3>
                     <h4 id="d112">锛堜竴锛夎璁′緷鎹�</h4>
                     <h5 id="e122">1.璁ょ煡鍙戝睍鐨勭壒鐐�</h5>
-                    <p>鎰熺煡瑙夊彂灞曠殑鐗圭偣鍖呮嫭浠ヤ笅鍑犵偣銆傚叾涓�锛岃瑙夊彂灞曘�傝骞撮緞娈电殑骞煎効棰滆壊瑙嗚鍙戝睍寰堝揩锛屽湪鑹ソ鐨勬暀鑲茬幆澧冧笅锛�3宀佹椂鍩烘湰鑳借鍑�15锝�20绉嶉鑹层�備粬浠彲浠ュ湪瑙嗚璋冭妭涓嬫憜寮勫悇绉嶇帺鍏峰拰鐗╀綋锛屼絾浠嶇劧缂轰箯鐩殑鏂瑰悜鎬э紝瑙嗚娲诲姩鏄潅涔辩殑銆傚叾浜岋紝鍚鍙戝睍銆傚惉瑙夎兘鍔涜繘涓�姝ュ彂灞曪紝琛ㄧ幇涓哄紑濮嬭兘杈ㄥ埆璇煶锛屽闊冲己銆侀煶璋冪瓑銆傛帴杩�2.5宀佹椂锛岀害鏈�95%鐨勫辜鍎胯兘澶熸寜鐓ц闊虫寚绀洪�夋嫨鐗╀綋銆�<sup title="闄堝浗楣忥細銆�0~3宀佸疂瀹濇櫤鑳藉紑鍙戝叏涔︺�嬶紝212椤碉紝涓婃捣锛屼笂娴风瀛︽妧鏈嚭鐗堢ぞ锛�2009銆�">鈶�</sup>鍏朵笁锛岃Е瑙夊彂灞曘��2宀佸紑濮嬶紝骞煎効鏇村鏄敤鎵嬪幓瑙︽懜鍜屾棆杞墿浣撱�備粬浠兘鏇寸簿纭湴鍒嗚鲸鐗╀綋涓嶅悓鐨勭墿鐞嗗睘鎬э紝濡傝蒋纭�佽交閲嶇瓑锛涘澶у皬鐨勬蹇垫湁浜嗕竴瀹氱殑璁よ瘑銆傚叾鍥涳紝鐭ヨ鍙戝睍銆�2宀佺殑骞煎効閫愭笎寮�濮嬪彂灞曠┖闂寸煡瑙夎兘鍔涖�備竴鑸潵璇达紝浠栦滑鍙兘鐩磋鍦版劅鍙楄嚜宸辩敓娲讳腑杈冭繎鐨勮窛绂汇�傚湪鏃堕棿鐭ヨ涓婏紝浠栦滑宸茬粡鎺屾彙涓�浜涙瘮杈冪缁熺殑鏃堕棿姒傚康锛屽鈥滃悆瀹岄キ鈥濄��
+                    <p>鎰熺煡瑙夊彂灞曠殑鐗圭偣鍖呮嫭浠ヤ笅鍑犵偣銆傚叾涓�锛岃瑙夊彂灞曘�傝骞撮緞娈电殑骞煎効棰滆壊瑙嗚鍙戝睍寰堝揩锛屽湪鑹ソ鐨勬暀鑲茬幆澧冧笅锛�3宀佹椂鍩烘湰鑳借鍑�15锝�20绉嶉鑹层�備粬浠彲浠ュ湪瑙嗚璋冭妭涓嬫憜寮勫悇绉嶇帺鍏峰拰鐗╀綋锛屼絾浠嶇劧缂轰箯鐩殑鏂瑰悜鎬э紝瑙嗚娲诲姩鏄潅涔辩殑銆傚叾浜岋紝鍚鍙戝睍銆傚惉瑙夎兘鍔涜繘涓�姝ュ彂灞曪紝琛ㄧ幇涓哄紑濮嬭兘杈ㄥ埆璇煶锛屽闊冲己銆侀煶璋冪瓑銆傛帴杩�2.5宀佹椂锛岀害鏈�95%鐨勫辜鍎胯兘澶熸寜鐓ц闊虫寚绀洪�夋嫨鐗╀綋銆�<sup
+                            title="闄堝浗楣忥細銆�0~3宀佸疂瀹濇櫤鑳藉紑鍙戝叏涔︺�嬶紝212椤碉紝涓婃捣锛屼笂娴风瀛︽妧鏈嚭鐗堢ぞ锛�2009銆�">鈶�</sup>鍏朵笁锛岃Е瑙夊彂灞曘��2宀佸紑濮嬶紝骞煎効鏇村鏄敤鎵嬪幓瑙︽懜鍜屾棆杞墿浣撱�備粬浠兘鏇寸簿纭湴鍒嗚鲸鐗╀綋涓嶅悓鐨勭墿鐞嗗睘鎬э紝濡傝蒋纭�佽交閲嶇瓑锛涘澶у皬鐨勬蹇垫湁浜嗕竴瀹氱殑璁よ瘑銆傚叾鍥涳紝鐭ヨ鍙戝睍銆�2宀佺殑骞煎効閫愭笎寮�濮嬪彂灞曠┖闂寸煡瑙夎兘鍔涖�備竴鑸潵璇达紝浠栦滑鍙兘鐩磋鍦版劅鍙楄嚜宸辩敓娲讳腑杈冭繎鐨勮窛绂汇�傚湪鏃堕棿鐭ヨ涓婏紝浠栦滑宸茬粡鎺屾彙涓�浜涙瘮杈冪缁熺殑鏃堕棿姒傚康锛屽鈥滃悆瀹岄キ鈥濄��
                     </p>
                     <p>鍦ㄦ敞鎰忓姏鍙戝睍鏂归潰锛�2宀佺殑骞煎効闅忕潃瑷�璇殑浜х敓鍜屽彂灞曪紝鍏舵敞鎰忔椿鍔ㄨ繘鍏ヤ簡鏇撮珮灞傛锛岃〃鐜颁负娉ㄦ剰鐨勬寔缁椂闂淬�佽浆鎹€�佸箍搴︺�佸垎閰嶉兘鏈変簡杩涗竴姝ュ彂灞曪紝浣嗘棤鎰忔敞鎰忎粛鍗犱富瀵煎湴浣嶃�傚埡婵�鐗╃殑鐗瑰緛銆佹暀甯堢殑寮曞銆佸辜鍎挎湰韬殑姘旇川鍜岀敓鐞嗙姸鎬侀兘鍙兘瀵规敞鎰忕殑鍙戠敓浜х敓鎸佺画褰卞搷銆�
                     </p>
@@ -1273,7 +1369,194 @@
                 eight: "",
                 nine: "",
                 ten: "",
-            }
+            },
+            exampleOne: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "濠村辜鍎挎渶鏃╃殑鎰熻鏄紙銆�锛夈��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "瑙﹁",
+                                value: "A"
+                            },
+                            {
+                                txt: "鍚",
+                                value: "B"
+                            },
+                            {
+                                txt: "瑙嗚",
+                                value: "C"
+                            },
+                            {
+                                txt: "鍛宠",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            exampleTwo: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "濠村効锛堛��锛夋椂鑳藉姣旇緝绋冲畾鍦版敞瑙嗘煇涓�鐗╀綋锛屼絾鎸佺画鐨勬椂闂村緢鐭��",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "1锝�2涓湀",
+                                value: "A"
+                            },
+                            {
+                                txt: "2锝�3涓湀",
+                                value: "B"
+                            },
+                            {
+                                txt: "3锝�4涓湀",
+                                value: "C"
+                            },
+                            {
+                                txt: "5锝�6涓湀",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            // 涔犻53椤�
+            unitQuestionOne: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "鏁欏笀璁捐濠村辜鍎挎父鎴忔椂搴旀敞閲嶅┐骞煎効鐨勫揩涔愭儏缁綋楠屻�傝繖涓昏浣撶幇鐨勫師鍒欐槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: "D",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "瀹夊叏鎬�",
+                                value: "A"
+                            },
+                            {
+                                txt: "閫傚疁鎬�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鐏垫椿鎬�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瓒e懗鎬�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鏁欏笀鎸囧瀹堕暱鐢ㄦ墤鍏嬬墝甯﹀辜鍎跨帺鍒嗙被娓告垙锛岃�屼笉鏄偣鏁版垨鏁扮殑鍒嗚В涓庡悎鎴愮殑娓告垙銆傝繖涓昏浣撶幇浜嗗┐骞煎効娓告垙璁捐鐨勶紙銆�锛夊師鍒欍��",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "瀹夊叏鎬�",
+                                value: "A"
+                            },
+                            {
+                                txt: "閫傚疁鎬�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鐏垫椿鎬�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瓒e懗鎬�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "骞煎効姝e湪鎺ㄧ潃鏀炬湁濞冨▋鐨勫皬妞呭瓙鐜┿�傚ソ濂舵�ュ繖涓�杈规姳璧峰辜鍎匡紝涓�杈瑰骞煎効璇粹�滃嵄闄╋紝妞呭瓙鏄敤鏉ュ潗鐨勨�濄�傝繖涓昏杩濊儗浜嗗┐骞煎効娓告垙璁捐鐨勶紙銆�锛夊師鍒欍��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鐏垫椿鎬�",
+                                value: "A"
+                            },
+                            {
+                                txt: "瓒e懗鎬�",
+                                value: "B"
+                            },
+                            {
+                                txt: "瀹夊叏鎬�",
+                                value: "C"
+                            },
+                            {
+                                txt: "閫傚疁鎬�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鏁欏笀鍦ㄨ璁¤繍鍔ㄦ父鎴忔椂璁剧疆缁曡繃鈥滃ぇ鐭冲ご鈥濄�佺埇涓婂皬灞卞潯銆佽烦杩囧皬娌虫祦鐜妭锛屼富瑕佷綋鐜颁簡娓告垙璁捐鐨勶紙銆�锛夊師鍒欍��",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鑷富鎬�",
+                                value: "A"
+                            },
+                            {
+                                txt: "瓒e懗鎬�",
+                                value: "B"
+                            },
+                            {
+                                txt: "瀹夊叏鎬�",
+                                value: "C"
+                            },
+                            {
+                                txt: "閫傚疁鎬�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓嬪垪鍝竴椤瑰┐骞煎効娓告垙璁捐鐨勫師鍒欐渶鑳戒綋鐜板┐骞煎効娓告垙鐨勬湰璐ㄧ壒寰侊紵锛堛��锛�",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鑷富鎬�",
+                                value: "A"
+                            },
+                            {
+                                txt: "瓒e懗鎬�",
+                                value: "B"
+                            },
+                            {
+                                txt: "瀹夊叏鎬�",
+                                value: "C"
+                            },
+                            {
+                                txt: "閫傚疁鎬�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
         }
     },
     async mounted() {
@@ -1285,6 +1568,16 @@
         const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter005-textQuestionData");
         if (textQuestionData) {
             this.textQuestionData = JSON.parse(textQuestionData);
+        }
+
+        const exampleOne = localStorage.getItem("toddleGame-book-chapter005-exampleOne");
+        if (exampleOne) {
+            this.exampleOne = JSON.parse(exampleOne);
+        }
+
+        const exampleTwo = localStorage.getItem("toddleGame-book-chapter005-exampleTwo");
+        if (exampleTwo) {
+            this.exampleTwo = JSON.parse(exampleTwo);
         }
     },
     methods: {
@@ -1300,7 +1593,60 @@
                 "toddlerGameImplementation-book-chapter005-textQuestionData",
                 JSON.stringify(this.textQuestionData)
             );
-        }
+        },
+
+        saveExampleOne() {
+            localStorage.setItem('toddleGame-book-chapter01-exampleOne', JSON.stringify(this.exampleOne))
+        },
+        goExampleOne() {
+            for (let index = 0; index < this.exampleOne.unitOne.length; index++) {
+                const item = this.exampleOne.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+            this.exampleOne.isComplete = true
+            this.exampleOne.isShowAnswer = true
+            this.saveExampleOne()
+        },
+        changeExampleOne() {
+            localStorage.removeItem("toddleGame-book-chapter005-exampleOne")
+            for (let index = 0; index < this.exampleOne.unitOne.length; index++) {
+                const item = this.exampleOne.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.exampleOne.isComplete = false
+            this.exampleOne.isShowAnswer = false
+        },
+        saveExampleTwo() {
+            localStorage.setItem('toddleGame-book-chapter005-exampleTwo', JSON.stringify(this.exampleTwo))
+        },
+        goExampleTwo() {
+            for (let index = 0; index < this.exampleTwo.unitOne.length; index++) {
+                const item = this.exampleTwo.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+            this.exampleTwo.isComplete = true
+            this.exampleTwo.isShowAnswer = true
+            this.saveExampleTwo()
+        },
+        changeExampleTwo() {
+            localStorage.removeItem("toddleGame-book-chapter005-exampleTwo")
+            for (let index = 0; index < this.exampleTwo.unitOne.length; index++) {
+                const item = this.exampleTwo.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.exampleTwo.isComplete = false
+            this.exampleTwo.isShowAnswer = false
+        },
     }
 }
 </script>

--
Gitblit v1.9.1