From 2719c10f4b253b19a3990dea5c2a59cfed9a5f3a Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 05 八月 2024 11:57:36 +0800 Subject: [PATCH] 英语PPT结束 --- src/books/English/view/components/chapter001.vue | 230 +++++++++++++++----------------------------------------- 1 files changed, 63 insertions(+), 167 deletions(-) diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue index 50c34a2..c62dfc5 100644 --- a/src/books/English/view/components/chapter001.vue +++ b/src/books/English/view/components/chapter001.vue @@ -1080,7 +1080,7 @@ people. </p> <p> - <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border" + <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> @@ -1092,7 +1092,7 @@ greatly promoted the development of ancient Chinese civilization. </p> <p> - <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border" + <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> @@ -1103,7 +1103,7 @@ tea culture in depth. </p> <p> - <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border" + <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> @@ -1114,7 +1114,7 @@ Chinese medical science. </p> <p> - <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border" + <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> @@ -1142,7 +1142,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.one" type="text" - class="input-bottom-border" @change="setTestData" />. + class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欼f you try using sticks, you can enjoy the fun of having a @@ -1154,7 +1154,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.two" type="text" - class="input-bottom-border" @change="setTestData" />. + class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欼f you go to my Chinese New Year party, you will meet my @@ -1163,7 +1163,7 @@ <p>3.Drink some Longjing tea,and you will love it.</p> <p> <b>If</b><input :disabled="testData.isComplete" type="text" v-model="testData.gr.three" - class="input-bottom-border" @change="setTestData" />. + class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欼f you drink some Longjing tea, you will love it. @@ -1174,7 +1174,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.four" type="text" - class="input-bottom-border" @change="setTestData" />. + class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欼f I go to Xi鈥檃n one day, I will visit the terracotta @@ -1186,7 +1186,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.five" type="text" - class="input-bottom-border" @change="setTestData" />. + class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛� If you ask foreigners about their favorite Chinese food, @@ -2756,7 +2756,7 @@ </p> </div> <p> - 1.It is actually an online shopping website.( <select class="select-border" :disabled="testOneData.isComplete" + 1.It is actually an online shopping website.( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2781,7 +2781,7 @@ </span> </p> <p> - 2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" + 2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.two.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2807,7 +2807,7 @@ </p> <p> 3.China offers researchers world-class advanced research - facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" + facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.three.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2833,7 +2833,7 @@ </p> <p> 4.These friends made Vanessa see China through the eyes of the - locals. ( <select class="select-border" :disabled="testOneData.isComplete" + locals. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2858,7 +2858,7 @@ </span> </p> <p> - 5.The list of Chinese food never ends. ( <select class="select-border" :disabled="testOneData.isComplete" + 5.The list of Chinese food never ends. ( <select class="select-border" @change="setTestOneData" :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -3030,137 +3030,87 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_01.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_02.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_03.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_04.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_05.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_06.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_07.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_08.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_09.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_10.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_11.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_12.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_13.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_14.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_15.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_16.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_17.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_18.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_19.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_20.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_21.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_22.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_23.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_24.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_25.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_26.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_27.png" /> + <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤17.jpg" /> </div> </div> </div> @@ -3581,7 +3531,7 @@ </div> <div class="right" style="width: 48%"> <p> - <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" /> + <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" @change="setCheck" /> Name of the event <span> <svg v-if=" @@ -3611,7 +3561,7 @@ </span> </p> <p> - <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" /> + <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" @change="setCheck" /> Date and time <span> <svg v-if=" @@ -3641,7 +3591,7 @@ </span> </p> <p> - <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" /> + <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" @change="setCheck" /> Location <span> <svg v-if=" @@ -3671,7 +3621,7 @@ </span> </p> <p> - <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" /> + <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" @change="setCheck" /> Greetings <span> <svg v-if=" @@ -3701,7 +3651,7 @@ </span> </p> <p> - <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" /> + <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" @change="setCheck" /> Warnings <span> <svg v-if=" @@ -3731,7 +3681,7 @@ </span> </p> <p> - <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" /> + <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" @change="setCheck" /> Organizer <span> <svg v-if=" @@ -3761,7 +3711,7 @@ </span> </p> <p> - <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" /> + <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" @change="setCheck" /> Signature <span> <svg v-if=" @@ -3792,7 +3742,7 @@ </p> <p> <input type="checkbox" name="ball" value="A short description of the event" id="8" - v-model="check.value" /> + v-model="check.value" @change="setCheck" /> A short description of the event <span> <svg v-if=" @@ -3822,7 +3772,7 @@ </span> </p> <p> - <input type="checkbox" name="ball" value="Contact information" id="9" v-model="check.value" /> + <input type="checkbox" name="ball" value="Contact information" @change="setCheck" id="9" v-model="check.value" /> Contact information <span> <svg v-if=" @@ -3852,7 +3802,7 @@ </span> </p> <p> - <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" /> + <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" @change="setCheck" /> Pictures of the event <span> <svg v-if=" @@ -3884,7 +3834,7 @@ </div> </div> <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer"> - 绛旀锛歂ame of the event,Date & time,Address,Organizer + 绛旀锛�1.Name of the event 2.Date & time 3.Address,Organizer </p> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> @@ -4154,137 +4104,77 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_01.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_02.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_03.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_04.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_05.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_06.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_07.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_08.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_09.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_10.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_11.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_12.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_13.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_14.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_15.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_16.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_17.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_18.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_19.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_20.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_21.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_22.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_23.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_24.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_25.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_26.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_27.png" /> + <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤15.jpg" /> </div> </div> </div> @@ -4844,6 +4734,11 @@ if (testTwoData) { this.testTwoData = JSON.parse(testTwoData); } + + const check = localStorage.getItem("english-lessonFour"); + if (check) { + this.check = JSON.parse(check); + } this.getPath(); }, methods: { @@ -4921,6 +4816,7 @@ three:"", }, }; + this.showQuestionAnswer = false }, changeTestOneData() { localStorage.removeItem("english-lessonTwo") -- Gitblit v1.9.1