From 3d3fb4608e1ef51c73c35db462c88dfaa66a42c8 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 29 四月 2025 18:15:55 +0800
Subject: [PATCH] 0-3岁婴幼儿艺术启蒙样章完成

---
 src/books/childHealth/view/content/components/chapter003.vue |  165 ++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 120 insertions(+), 45 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue
index bbff559..75e3f5b 100644
--- a/src/books/childHealth/view/content/components/chapter003.vue
+++ b/src/books/childHealth/view/content/components/chapter003.vue
@@ -547,7 +547,6 @@
                 controls
                 controlslist="nodownload"
                 class="video-border w100 video"
-                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氬奖鍝嶅鍓嶅効绔ュ績鐞嗗彂灞曠殑鍥犵礌</p>
             </div>
@@ -1076,7 +1075,6 @@
                 controls
                 controlslist="nodownload"
                 class="w100 video-border video"
-                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氳繃搴︿緷璧�</p>
             </div>
@@ -1197,7 +1195,6 @@
                   controls
                   controlslist="nodownload"
                   class="video-border w100 video"
-                  @play="videoPlay"
                 ></video>
               </p>
               <p class="img">瑙嗛锛氳嚜鎱�</p>
@@ -1563,7 +1560,6 @@
                 controls
                 controlslist="nodownload"
                 class="w100 video-border video"
-                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氳█璇強璇█鍙戣偛闅滅</p>
             </div>
@@ -1610,7 +1606,6 @@
                 controls
                 controlslist="nodownload"
                 class="w100 video-border video"
-                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氭�庢牱鍙戠幇瀛╁瓙鍙戣偛杩熺紦</p>
             </div>
@@ -1724,7 +1719,6 @@
                 controls
                 controlslist="nodownload"
                 class="w100 video-border video"
-                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氬効绔ュ鍔ㄧ棁</p>
             </div>
@@ -1804,53 +1798,137 @@
           <p class="custom_tag">鈥㈠洖椤句笌鍙嶆�濃��</p>
           <p class="block"><b>涓�銆佸垽鏂閿�</b></p>
           <p class="block">
-            1.鏈変汉璇粹�滃姩浣滄槸涓綋鏃╂湡鐨勫鏄炬櫤鍔涒�濓紝鍥犳锛屽姩浣滅殑鍙戝睍鐘跺喌甯歌鐢ㄤ綔璇勪环濠村効蹇冪悊鍙戝睍鐨勬寚鏍囥�傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterThreeData.question.judge.qOne"
-              @input="saveChapterOneData"
-            />锛�
+            1.鏈変汉璇粹�滃姩浣滄槸涓綋鏃╂湡鐨勫鏄炬櫤鍔涒�濓紝鍥犳锛屽姩浣滅殑鍙戝睍鐘跺喌甯歌鐢ㄤ綔璇勪环濠村効蹇冪悊鍙戝睍鐨勬寚鏍囥�傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qOne" 
+                value="correct" 
+                v-model="chapterThreeData.question.judge.qOne"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qOne" 
+                value="error" 
+                v-model="chapterThreeData.question.judge.qOne"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            2.濠村辜鍎垮姩浣滅殑鍙戝睍閬靛惊鈥滅敱鏁翠綋鍒扮壒娈婄殑鍙戝睍鈥濆師鍒欙紝鍗冲眬閮ㄧ殑銆佸皬鑲岃倝鐨勬椿鍔ㄥ彂灞曞湪鍏堬紝鍏ㄨ韩鐨勩�佺缁熺殑鍔ㄤ綔鍙戝睍鍦ㄥ悗銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterThreeData.question.judge.qTwo"
-              @input="saveChapterOneData"
-            />锛�
+            2.濠村辜鍎垮姩浣滅殑鍙戝睍閬靛惊鈥滅敱鏁翠綋鍒扮壒娈婄殑鍙戝睍鈥濆師鍒欙紝鍗冲眬閮ㄧ殑銆佸皬鑲岃倝鐨勬椿鍔ㄥ彂灞曞湪鍏堬紝鍏ㄨ韩鐨勩�佺缁熺殑鍔ㄤ綔鍙戝睍鍦ㄥ悗銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qTwo" 
+                value="correct" 
+                v-model="chapterThreeData.question.judge.qTwo"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qTwo" 
+                value="error" 
+                v-model="chapterThreeData.question.judge.qTwo"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            3.瀛﹀墠鍎跨鐨勬�濈淮绂讳笉寮�鍔ㄤ綔鍜屽疄鐗╋紝鍏舵�濈淮浠ョ洿瑙夎鍔ㄦ�濈淮涓轰富銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterThreeData.question.judge.qThree"
-              @input="saveChapterOneData"
-            />锛�
+            3.瀛﹀墠鍎跨鐨勬�濈淮绂讳笉寮�鍔ㄤ綔鍜屽疄鐗╋紝鍏舵�濈淮浠ョ洿瑙夎鍔ㄦ�濈淮涓轰富銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qThree" 
+                value="correct" 
+                v-model="chapterThreeData.question.judge.qThree"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qThree" 
+                value="error" 
+                v-model="chapterThreeData.question.judge.qThree"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            4.閬椾紶鍥犵礌鏃负鍎跨蹇冪悊鍙戝睍鎻愪緵浜嗘渶鍩烘湰鐨勮嚜鐒剁墿璐ㄥ墠鎻愶紝鍙堝瀹氫簡鍎跨蹇冪悊鍙戝睍涓埆宸紓鐨勬渶鍒濆熀纭�銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterThreeData.question.judge.qFour"
-              @input="saveChapterOneData"
-            />锛�
+            4.閬椾紶鍥犵礌鏃负鍎跨蹇冪悊鍙戝睍鎻愪緵浜嗘渶鍩烘湰鐨勮嚜鐒剁墿璐ㄥ墠鎻愶紝鍙堝瀹氫簡鍎跨蹇冪悊鍙戝睍涓埆宸紓鐨勬渶鍒濆熀纭�銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qFour" 
+                value="correct" 
+                v-model="chapterThreeData.question.judge.qFour"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qFour" 
+                value="error" 
+                v-model="chapterThreeData.question.judge.qFour"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            5.鏈夌殑鍎跨鏃ュ父渚嬭浣滄伅鏃堕棿涓嶉渶瑕佸浐瀹氥�傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterThreeData.question.judge.qFive"
-              @input="saveChapterOneData"
-            />锛�
+            5.鏈夌殑鍎跨鏃ュ父渚嬭浣滄伅鏃堕棿涓嶉渶瑕佸浐瀹氥�傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qFive" 
+                value="correct" 
+                v-model="chapterThreeData.question.judge.qFive"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qFive" 
+                value="error" 
+                v-model="chapterThreeData.question.judge.qFive"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            6.瀵逛簬瀛﹀墠鍎跨鐨勫績鐞嗚涓洪棶棰樹笉鑳藉鎭縼灏憋紝蹇呴』涓ュ姞鎯╁銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterThreeData.question.judge.qSix"
-              @input="saveChapterOneData"
-            />锛�
+            6.瀵逛簬瀛﹀墠鍎跨鐨勫績鐞嗚涓洪棶棰樹笉鑳藉鎭縼灏憋紝蹇呴』涓ュ姞鎯╁銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qSix" 
+                value="correct" 
+                v-model="chapterThreeData.question.judge.qSix"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qSix" 
+                value="error" 
+                v-model="chapterThreeData.question.judge.qSix"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block"><b>浜屻�佸~绌�</b></p>
           <p class="block">
             1.濡傛灉鏂扮敓鍎挎湡鏃犳儕璺冲弽灏勶紝璇存槑鍏舵湁<input
@@ -2168,9 +2246,6 @@
     gotoLabel(id) {
       (this.container ? this.container : document).getElementById(id).scrollIntoView()
     },
-    videoPlay(e) {
-      this.$emit('closeVideo',e.srcElement.currentSrc)
-    }
   },
 };
 </script>

--
Gitblit v1.9.1