From b6fc22b827b2e6bce94067f6934d835a58502e99 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 23 一月 2025 15:46:07 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/toddlerGameImplementation/assets/main.less               |    5 +-
 src/books/toddlerGameImplementation/view/components/chapter001.vue |   72 +++++++++++++++++++++--------------
 2 files changed, 46 insertions(+), 31 deletions(-)

diff --git a/src/books/toddlerGameImplementation/assets/main.less b/src/books/toddlerGameImplementation/assets/main.less
index 7f722aa..ea257ba 100644
--- a/src/books/toddlerGameImplementation/assets/main.less
+++ b/src/books/toddlerGameImplementation/assets/main.less
@@ -894,13 +894,14 @@
   .inputChoice{
       display: flex;
       align-items: center;
-
+     
       input{
         margin: 0 5px;
+        cursor: pointer;
       }
 
       span{
-        
+        cursor: pointer;
       }
   }
 
diff --git a/src/books/toddlerGameImplementation/view/components/chapter001.vue b/src/books/toddlerGameImplementation/view/components/chapter001.vue
index 80ebe42..3184b7e 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter001.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter001.vue
@@ -243,15 +243,17 @@
                             {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
                         <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
-                            <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
-                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
-                            <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            <label>
+                                <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
                         </li>
                         <li v-if="unitQuestion.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>
                             <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"
@@ -290,15 +292,17 @@
                             {{ index + 3 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
                         <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
-                            <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
-                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
-                            <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            <label>
+                                <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
                         </li>
                         <li v-if="unitQuestion.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>
                             <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"
@@ -497,7 +501,7 @@
                             </div>
                             <p>渚濇嵁鍓╀綑绮惧姏璇达紝濠村辜鍎挎父鎴忕殑鍔ㄥ姏鏉ユ簮浜庡摢閲岋紵濡備綍鐪嬪緟杩欑鍔ㄥ姏锛�</p>
                             <textarea v-model="questionData.unitOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                                style="max-width: 90%; min-width: 90%;" class="fz-16 textarea-main"
+                                style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-main"
                                 @change="setQuestionData"></textarea>
                         </div>
                     </div>
@@ -534,15 +538,17 @@
                                     {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
                                 </li>
                                 <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
-                                    <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>
+                                        <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>
                                     <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"
@@ -752,15 +758,17 @@
                                 {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
                             </li>
                             <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
-                                <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>
+                                    <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>
                                 <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"
@@ -883,7 +891,7 @@
                             </div>
                             <p>濡備綍甯姪缁存寔鍎跨鐨勫敜閱掑浜庝腑绛夋按骞筹紵</p>
                             <textarea v-model="questionData.unitOne.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                                style="max-width: 90%; min-width: 90%;" class="fz-16 textarea-main"
+                                style="max-width: 90%; min-width: 90%; resize: none;" class="fz-16 textarea-main"
                                 @change="setQuestionData"></textarea>
                         </div>
                     </div>
@@ -906,15 +914,17 @@
                             {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
                         <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
-                            <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
-                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
-                            <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            <label>
+                                <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
                         </li>
                         <li v-if="unitQuestionOne.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>
                             <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"
@@ -952,15 +962,17 @@
                             {{ index + 4 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
                         <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
-                            <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
-                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
-                            <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            <label>
+                                <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
                         </li>
                         <li v-if="unitQuestionOne.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>
                             <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"
@@ -984,9 +996,11 @@
                             {{ index + 6 }}.锛堝閫夛級{{ item.txt }}銆�
                         </li>
                         <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
-                            <input type="checkbox" :disabled="unitQuestionOne.isComplete" :name="item.txt"
-                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
-                            <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
                         </li>
                         <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                             <span class="c-g"> 绛旀锛�<span v-for="(answer, index) in item.answer"

--
Gitblit v1.9.1