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/view/components/chapter001.vue | 72 +++++++++++++++++++++-------------- 1 files changed, 43 insertions(+), 29 deletions(-) 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