From f165c79ce81b7f96cf5a0881671a8e0f36ce1f59 Mon Sep 17 00:00:00 2001 From: litian <2804272236@qq.com> Date: 星期五, 24 一月 2025 10:51:33 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/toddlerGameImplementation/view/components/chapter001.vue | 74 ++++++++++++++++++++++--------------- 1 files changed, 44 insertions(+), 30 deletions(-) diff --git a/src/books/toddlerGameImplementation/view/components/chapter001.vue b/src/books/toddlerGameImplementation/view/components/chapter001.vue index 80ebe42..e5179af 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" @@ -692,7 +698,7 @@ <p class="center"><span class="ls2">寮楁礇浼婂痉銆佸焹閲屽厠妫殑浜烘牸鍙戝睍闃舵鐨勫姣�</span></p> <p>鍖椾含甯堣寖澶у鍒樼劚鏁欐巿瀵瑰紬娲涗紛寰枫�佸焹閲屽厠妫殑浜烘牸鍙戝睍闃舵杩涜浜嗗姣旓紝濡傝〃1-1鎵�绀恒��</p> <p class="img">琛�1-1 寮楁礇浼婂痉涓庡焹閲屽厠妫殑浜烘牸鍙戝睍闃舵鐨勫姣�</p> - <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0024-1.jpg" /> + <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0024-1.png" /> </p> <p>璧勬枡鏉ユ簮锛氬垬鐒憋紝銆婂効绔ユ父鎴忛�氳銆嬶紝109椤碉紝绂忓窞锛岀寤轰汉姘戝嚭鐗堢ぞ锛�2015銆�</p> </div> @@ -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