From a8da6c44895f90bc6d33df129bccd424bf73be3e Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 31 十二月 2024 18:11:02 +0800
Subject: [PATCH]       小窗

---
 src/books/childHealth/view/content/components/chapter002.vue |  123 ++++++++++++++++++++++++++++------------
 1 files changed, 86 insertions(+), 37 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue
index e4db2e9..31699f9 100644
--- a/src/books/childHealth/view/content/components/chapter002.vue
+++ b/src/books/childHealth/view/content/components/chapter002.vue
@@ -283,8 +283,7 @@
           </p>
           <h3 id="c023">
             浜屻�佸鍓嶅効绔ュ勾榫勯樁娈电殑鍒掑垎鍙婂悇闃舵鐢熼暱鍙戣偛鐨勭壒鐐癸紴锛烇紴锛烇紴锛�
-          </h3>
-  
+          </h3>  
           <div class="fl fl-around">
             <div class="left" style="width: 38%">
               <p>
@@ -303,7 +302,7 @@
                 x5-playsinline=""
                 controls
                 controlslist="nodownload"
-                class="video-border w100"
+                class="video-border w100 video"
               ></video>
               <p class="img">瑙嗛锛氬効绔ュ悇闃舵鐨勭壒鐐瑰拰淇濆仴瑕佺偣</p>
             </div>
@@ -637,7 +636,7 @@
                 x5-playsinline=""
                 controls
                 controlslist="nodownload"
-                class="video-border w100"
+                class="video-border w100 video"
               ></video>
               <p class="img">瑙嗛锛氱敓闀垮彂鑲茬殑鈥滈搧鈥濊寰�</p>
             </div>
@@ -808,7 +807,7 @@
         </div>
         <div class="padding-96">
           <div class="fieldset">
-            <p class="t0">鑳為棿鐩镐簰渚濆瓨鐨勫姩鎬佸叧绯诲彂鐢熶綔鐢ㄣ��</p>
+            <p class="t0 block">鑳為棿鐩镐簰渚濆瓨鐨勫姩鎬佸叧绯诲彂鐢熶綔鐢ㄣ��</p>
             <p class="block">
               浜虹被澶ц剳鐨眰涓紝2宀佸墠绐佽Е浜х敓鏁扮洰澶氫簬鎴愬勾锛屽湪浠ュ悗10骞村唴閫愭笎鍑忓皯锛岃繖鍙兘涓庡彂鑲茶繃绋嬩腑涓�浜涢暱鏈熷緱涓嶅埌鍒烘縺鐨勬棤鍔熻兘绁炵粡缁嗚優閫愭笎鍑嬩骸鏈夊叧銆�
             </p>
@@ -1017,12 +1016,6 @@
                   </g>
                 </svg>
               </span>
-              <!-- <img
-                src="../../../assets/images/icon/video.png"
-                alt=""
-                @click="changeResources('videoState')"
-                class="btn"
-              /> -->
             </div>
             <div v-if="videoState">
               <video
@@ -1036,7 +1029,7 @@
                 x5-playsinline=""
                 controls
                 controlslist="nodownload"
-                class="video-border w100"
+                class="video-border w100 video"
               ></video>
             </div>
           </div>
@@ -1058,7 +1051,7 @@
               瀛﹀墠鍎跨鐨勮韩楂樸�佷綋閲嶇瓑鐢熼暱鍙戣偛鎯呭喌寰堝ぇ绋嬪害涓婂彇鍐充簬閬椾紶鍩哄洜锛屽悓鏃朵篃涓庤惀鍏汇�佽繍鍔ㄧ瓑鍚庡ぉ鍥犵礌瀵嗕笉鍙垎銆傛妸鎻″厛澶╀紭鍔匡紝鍏呭垎鍒╃敤鍚庡ぉ鍥犵礌锛屼績杩涘鍓嶅効绔ヨ壇濂藉湴鐢熼暱鍙戣偛銆傛湰涓婚涓昏璁茶堪褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱狅紝浠ュ府鍔╀繚鏁欏伐浣滆�呭湪宸ヤ綔涓湁鏁堟帶鍒跺奖鍝嶅鍓嶅効绔ョ敓闀垮彂鑲茬殑涓嶈壇鍥犵礌锛屼繚闅滃鍓嶅効绔ユ甯稿彂鑲插彂灞曘��
             </p>
           </div>
-          <p class="block">
+          <p>
             瀛﹀墠鍎跨鐨勭敓闀垮彂鑲茶繃绋嬫槸涓綋鍦ㄥ厛澶╅仐浼犲拰鍚庡ぉ鐜涓悇绉嶅洜绱犵浉浜掍綔鐢ㄧ殑缁撴灉銆傚奖鍝嶇敓闀垮彂鑲茬殑鍥犵礌寰堝锛屾鎷捣鏉ユ湁涓ょ被锛氬唴鍦ㄧ殑閬椾紶鍥犵礌鍜屽鍦ㄧ殑鐜鍥犵礌銆傞仐浼犲洜绱犱竴鑸槸涓嶄細鏀瑰彉鐨勶紝鑰岀幆澧冩潯浠舵槸鍙互鏀瑰彉鐨勩�傞仐浼犲洜绱犲喅瀹氫簡鐢熼暱鍙戣偛鐨勬綔鍔涳紝鑰岀幆澧冨拰鏁欒偛鏉′欢褰卞搷浜嗛仐浼犳綔鍔涚殑鍙戞尌锛屾渶鍚庡喅瀹氬彂鑲茬殑閫熷害鍙婅揪鍒扮殑绋嬪害銆�
           </p>
           <h3 id="c029">涓�銆侀仐浼犲洜绱狅紴锛烇紴锛烇紴锛�</h3>
@@ -1200,21 +1193,49 @@
           <p class="custom_tag">鈥㈠洖椤句笌鍙嶆�濃��</p>
           <p class="block"><b>涓�銆佸垽鏂閿�</b></p>
           <p class="block">
-            1.鏈夌殑瀛╁瓙澶村ぇ锛屾湁鐨勫瀛愬ご灏忥紝杩欎篃浣撶幇浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑涓綋宸紓鎬с�傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterTwoData.question.judge.qOne"
-              @input="saveChapterOneData"
-            />锛�
+            1.鏈夌殑瀛╁瓙澶村ぇ锛屾湁鐨勫瀛愬ご灏忥紝杩欎篃浣撶幇浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑涓綋宸紓鎬с�傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qOne" 
+                value="correct" 
+                v-model="chapterTwoData.question.judge.qOne"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qOne" 
+                value="error" 
+                v-model="chapterTwoData.question.judge.qOne"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            2.瀛﹀墠鍎跨鍙戣偛鐣稿舰鎴栨偅鏈夊厛澶╂�х柧鐥咃紝閮芥槸鍙楅仐浼犲洜绱犵殑褰卞搷銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterTwoData.question.judge.qTwo"
-              @input="saveChapterOneData"
-            />锛�
+            2.瀛﹀墠鍎跨鍙戣偛鐣稿舰鎴栨偅鏈夊厛澶╂�х柧鐥咃紝閮芥槸鍙楅仐浼犲洜绱犵殑褰卞搷銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qTwo" 
+                value="correct" 
+                v-model="chapterTwoData.question.judge.qTwo"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qTwo" 
+                value="error" 
+                v-model="chapterTwoData.question.judge.qTwo"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
         </div>
       </div>
     </div>
@@ -1230,21 +1251,49 @@
         </div>
         <div class="padding-96">
           <p class="block">
-            3.鍦ㄧ敓闀垮彂鑲茶繃绋嬩腑锛岃韩浣撳悇閮ㄥ垎鐨勭敓闀块�熷害鏄細涓嬭偄澧炲姞鏈�澶氾紝澶撮鏈�灏戙�傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterTwoData.question.judge.qThree"
-              @input="saveChapterOneData"
-            />锛�
+            3.鍦ㄧ敓闀垮彂鑲茶繃绋嬩腑锛岃韩浣撳悇閮ㄥ垎鐨勭敓闀块�熷害鏄細涓嬭偄澧炲姞鏈�澶氾紝澶撮鏈�灏戙�傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qThree" 
+                value="correct" 
+                v-model="chapterTwoData.question.judge.qThree"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qThree" 
+                value="error" 
+                v-model="chapterTwoData.question.judge.qThree"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            4.鏈変簺瀛╁瓙鏄厛瀛︿細寮�鍙h璇濓紝鍚庡浼氳蛋璺紝鏈変簺瀛╁瓙鍒氬ソ鐩稿弽銆傝繖鏄敱浜庣敓闀垮彂鑲插叿鏈変釜浣撳樊寮傛�с�傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterTwoData.question.judge.qFour"
-              @input="saveChapterOneData"
-            />锛�
+            4.鏈変簺瀛╁瓙鏄厛瀛︿細寮�鍙h璇濓紝鍚庡浼氳蛋璺紝鏈変簺瀛╁瓙鍒氬ソ鐩稿弽銆傝繖鏄敱浜庣敓闀垮彂鑲插叿鏈変釜浣撳樊寮傛�с�傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qFour" 
+                value="correct" 
+                v-model="chapterTwoData.question.judge.qFour"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qFour" 
+                value="error" 
+                v-model="chapterTwoData.question.judge.qFour"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block"><b>浜屻�佸~绌�</b></p>
           <p class="block">
             1.濠村効鏈熺殑鍔ㄤ綔鍙戣偛棣栧厛鏄細鎶ご銆佽浆澶达紝鐒跺悗浼氱炕韬�佸潗锛屾渶鍚庝細绔欑珛銆佽璧帮紝杩欐槸閬靛惊浜�<input

--
Gitblit v1.9.1